diff --git a/web/src/compose_banner.ts b/web/src/compose_banner.ts
index dbd4ac7d2b..a7565f33f3 100644
--- a/web/src/compose_banner.ts
+++ b/web/src/compose_banner.ts
@@ -106,7 +106,9 @@ export function show_error_message(
     $container: JQuery,
     $bad_input?: JQuery,
 ): void {
-    $(`#compose_banners .${CSS.escape(classname)}`).remove();
+    // To prevent the same banner from appearing twice,
+    // we remove the banner with a matched classname.
+    $container.find(`.${CSS.escape(classname)}`).remove();
 
     const new_row = render_compose_banner({
         banner_type: ERROR,