diff --git a/web/src/compose.js b/web/src/compose.js
index 1563b31252..d6fa7c4775 100644
--- a/web/src/compose.js
+++ b/web/src/compose.js
@@ -519,7 +519,7 @@ export function initialize() {
         (event) => {
             event.preventDefault();
 
-            const $target = $(event.target).parents(".compose_banner");
+            const $target = $(event.target).parents(".main-view-banner");
             const stream_id = Number.parseInt($target.attr("data-stream-id"), 10);
             const topic_name = $target.attr("data-topic-name");
 
@@ -538,7 +538,7 @@ export function initialize() {
         (event) => {
             event.preventDefault();
 
-            const $target = $(event.target).parents(".compose_banner");
+            const $target = $(event.target).parents(".main-view-banner");
             const stream_id = Number.parseInt($target.attr("data-stream-id"), 10);
             const topic_name = $target.attr("data-topic-name");
 
@@ -560,7 +560,7 @@ export function initialize() {
         (event) => {
             event.preventDefault();
             const {$banner_container} = get_input_info(event);
-            const $invite_row = $(event.target).parents(".compose_banner");
+            const $invite_row = $(event.target).parents(".main-view-banner");
 
             const user_id = Number.parseInt($invite_row.data("user-id"), 10);
             const stream_id = Number.parseInt($invite_row.data("stream-id"), 10);
diff --git a/web/src/hotkey.js b/web/src/hotkey.js
index 53194dfa4a..d5405ee43f 100644
--- a/web/src/hotkey.js
+++ b/web/src/hotkey.js
@@ -309,7 +309,7 @@ export function process_escape_key(e) {
             }
 
             // Check for errors in compose box; close errors if they exist
-            if ($(".compose_banner").length) {
+            if ($("main-view-banner").length) {
                 compose_banner.clear_all();
                 return true;
             }
diff --git a/web/styles/compose.css b/web/styles/compose.css
index 3a28f26939..c50bb410ef 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -272,7 +272,7 @@
     display: none;
 }
 
-.compose_banner {
+.main-view-banner {
     margin-bottom: 20px;
     border-radius: 5px;
     border: 1px solid;
diff --git a/web/styles/dark_theme.css b/web/styles/dark_theme.css
index 99cb278926..5bf9bfb552 100644
--- a/web/styles/dark_theme.css
+++ b/web/styles/dark_theme.css
@@ -217,7 +217,7 @@
         }
     }
 
-    .compose_banner {
+    .main-view-banner {
         .above_compose_banner_action_link {
             color: hsl(200deg 100% 50%);
         }
diff --git a/web/templates/compose_banner/compose_banner.hbs b/web/templates/compose_banner/compose_banner.hbs
index aa49f537b5..bbd5dccea4 100644
--- a/web/templates/compose_banner/compose_banner.hbs
+++ b/web/templates/compose_banner/compose_banner.hbs
@@ -1,5 +1,5 @@
 <div
-  class="compose_banner {{banner_type}} {{classname}}"
+  class="main-view-banner {{banner_type}} {{classname}}"
   {{#if user_id}}data-user-id="{{user_id}}"{{/if}}
   {{#if stream_id}}data-stream-id="{{stream_id}}"{{/if}}
   {{#if topic_name}}data-topic-name="{{topic_name}}"{{/if}}>
diff --git a/web/templates/compose_banner/message_sent_banner.hbs b/web/templates/compose_banner/message_sent_banner.hbs
index ee03923a01..a16cb6ee8b 100644
--- a/web/templates/compose_banner/message_sent_banner.hbs
+++ b/web/templates/compose_banner/message_sent_banner.hbs
@@ -1,4 +1,4 @@
-<div class="above_compose_banner compose_banner success {{classname}}">
+<div class="above_compose_banner main-view-banner success {{classname}}">
     <p>
         {{banner_text}}
         {{#if link_text}} <a class="above_compose_banner_action_link" {{#if above_composebox_narrow_url}}href="{{above_composebox_narrow_url}}"{{/if}} data-message-id="{{link_msg_id}}">{{link_text}}</a>{{/if}}
diff --git a/web/templates/compose_banner/success_message_scheduled_banner.hbs b/web/templates/compose_banner/success_message_scheduled_banner.hbs
index acc58ea4c5..27e131b531 100644
--- a/web/templates/compose_banner/success_message_scheduled_banner.hbs
+++ b/web/templates/compose_banner/success_message_scheduled_banner.hbs
@@ -1,5 +1,5 @@
 <div
-  class="compose_banner success message_scheduled_success_compose_banner"
+  class="main-view-banner success message_scheduled_success_compose_banner"
   data-scheduled-message-id="{{scheduled_message_id}}">
     <p class="banner_content">{{t 'Your message has been scheduled for {deliver_at}.' }}
         <a href="#scheduled">{{t "View scheduled messages" }}</a>
diff --git a/web/templates/compose_banner/upload_banner.hbs b/web/templates/compose_banner/upload_banner.hbs
index a6a4119476..56c02b62c3 100644
--- a/web/templates/compose_banner/upload_banner.hbs
+++ b/web/templates/compose_banner/upload_banner.hbs
@@ -1,4 +1,4 @@
-<div class="upload_banner file_{{file_id}} compose_banner {{banner_type}}">
+<div class="upload_banner file_{{file_id}} main-view-banner {{banner_type}}">
     <div class="moving_bar"></div>
     <p class="upload_msg">{{banner_text}}</p>
     <a role="button" class="zulip-icon zulip-icon-close main-view-banner-close-button"></a>