diff --git a/templates/zerver/app/index.html b/templates/zerver/app/index.html
index 9c6b09f6a4..a390b79246 100644
--- a/templates/zerver/app/index.html
+++ b/templates/zerver/app/index.html
@@ -147,54 +147,54 @@
     </div>
 </div>
 <div id="user-profile-modal-holder"></div>
+<div class="alert-box">
+    <div class="alert alert_sidebar alert-error home-error-bar" id="connection-error">
+        <div class="exit"></div>
+        <strong class="message">{{ _('Unable to connect to Zulip.') }}</strong>
+        {{ _('Updates may be delayed.') }}
+        {{ _('Retrying soon…') }}
+        <a class="restart_get_events_button">{{ _('Try now.') }}</a>
+    </div>
+    <div class="alert alert_sidebar alert-error home-error-bar" id="zephyr-mirror-error">
+        <div class="exit"></div>
+        {# The below isn't tagged for translation
+        intentionally, because the feature is only used at
+        MIT. #}
+        <strong>Your Zephyr mirror is not working.</strong>
+        <span id="normal-zephyr-mirror-error-text">
+            We recommend that
+            you <a class="webathena_login">give Zulip the ability to mirror the messages for you via
+            Webathena</a>.  If you'd prefer, you can instead
+            <a href="/zephyr-mirror" target="_blank" rel="noopener noreferrer">run the
+            Zephyr mirror script yourself</a> in a screen
+            session.
+        </span>
+        <span id="desktop-zephyr-mirror-error-text" class="notdisplayed">
+            To fix this, you'll need to use the web interface.
+        </span>
+    </div>
+    <div class="alert alert_sidebar alert-error home-error-bar" id="home-error"></div>
+    <div class="alert alert_sidebar alert-error home-error-bar" id="reloading-application"></div>
+    <div class="alert alert_sidebar" id="request-progress-status-banner">
+        <div class="alert-zulip-logo">
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12">
+                <circle cx="386.56" cy="386.56" r="386.56"></circle>
+                <path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z"></path>
+            </svg>
+        </div>
+        <div class="loading-indicator"></div>
+        <div class="success-indicator">
+            <i class="fa fa-check"></i>
+        </div>
+        <div class="alert-content"></div>
+        <div class="exit"></div>
+    </div>
+</div>
 
 <div id="navbar_alerts_wrapper"></div>
 <div id="navbar-container"></div>
 
 <div class="app">
-    <div class="alert-box">
-        <div class="alert alert_sidebar alert-error home-error-bar" id="connection-error">
-            <div class="exit"></div>
-            <strong class="message">{{ _('Unable to connect to Zulip.') }}</strong>
-            {{ _('Updates may be delayed.') }}
-            {{ _('Retrying soon…') }}
-            <a class="restart_get_events_button">{{ _('Try now.') }}</a>
-        </div>
-        <div class="alert alert_sidebar alert-error home-error-bar" id="zephyr-mirror-error">
-            <div class="exit"></div>
-            {# The below isn't tagged for translation
-            intentionally, because the feature is only used at
-            MIT. #}
-            <strong>Your Zephyr mirror is not working.</strong>
-            <span id="normal-zephyr-mirror-error-text">
-                We recommend that
-                you <a class="webathena_login">give Zulip the ability to mirror the messages for you via
-                Webathena</a>.  If you'd prefer, you can instead
-                <a href="/zephyr-mirror" target="_blank" rel="noopener noreferrer">run the
-                Zephyr mirror script yourself</a> in a screen
-                session.
-            </span>
-            <span id="desktop-zephyr-mirror-error-text" class="notdisplayed">
-                To fix this, you'll need to use the web interface.
-            </span>
-        </div>
-        <div class="alert alert_sidebar alert-error home-error-bar" id="home-error"></div>
-        <div class="alert alert_sidebar alert-error home-error-bar" id="reloading-application"></div>
-        <div class="alert alert_sidebar" id="request-progress-status-banner">
-            <div class="alert-zulip-logo">
-                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 773.12 773.12">
-                    <circle cx="386.56" cy="386.56" r="386.56"></circle>
-                    <path d="M566.66 527.25c0 33.03-24.23 60.05-53.84 60.05H260.29c-29.61 0-53.84-27.02-53.84-60.05 0-20.22 9.09-38.2 22.93-49.09l134.37-120c2.5-2.14 5.74 1.31 3.94 4.19l-49.29 98.69c-1.38 2.76.41 6.16 3.25 6.16h191.18c29.61 0 53.83 27.03 53.83 60.05zm0-281.39c0 20.22-9.09 38.2-22.93 49.09l-134.37 120c-2.5 2.14-5.74-1.31-3.94-4.19l49.29-98.69c1.38-2.76-.41-6.16-3.25-6.16H260.29c-29.61 0-53.84-27.02-53.84-60.05s24.23-60.05 53.84-60.05h252.54c29.61 0 53.83 27.02 53.83 60.05z"></path>
-                </svg>
-            </div>
-            <div class="loading-indicator"></div>
-            <div class="success-indicator">
-                <i class="fa fa-check"></i>
-            </div>
-            <div class="alert-content"></div>
-            <div class="exit"></div>
-        </div>
-    </div>
     <div class="app-main">
         <div class="column-left" id="left-sidebar-container">
         </div>