diff --git a/core/client/assets/sass/components/notifications.scss b/core/client/assets/sass/components/notifications.scss
index 6f8958cf70..47264c8e90 100644
--- a/core/client/assets/sass/components/notifications.scss
+++ b/core/client/assets/sass/components/notifications.scss
@@ -20,26 +20,14 @@
         left: 0;
         right: 0;
         z-index: 9999;
-        transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier);
-
-        // This selector ends up being `body.settings-menu-expanded .notifications`
-        body.settings-menu-expanded & {
-            transform: translate3d(100%, 0px, 0px);
-        }
     }
 
     @media (min-width: 401px) {
         position: absolute;
         bottom: 0;
         left: 0;
-        z-index: 980;
+        z-index: 800;
         width: 300px;
-        transition: transform $settings-menu-transition cubic-bezier($settings-menu-bezier);
-
-        // This selector ends up being `body.settings-menu-expanded .notifications`
-        body.settings-menu-expanded & {
-            transform: translate3d(350px, 0px, 0px);
-        }
     }
 }//.notifications
 
diff --git a/core/client/templates/application.hbs b/core/client/templates/application.hbs
index fc89f50ad6..38d4b20472 100644
--- a/core/client/templates/application.hbs
+++ b/core/client/templates/application.hbs
@@ -6,10 +6,11 @@
 
 <main id="gh-main" class="viewport" role="main" {{bind-attr data-notification-count=topNotificationCount}}>
     {{gh-notifications location="top" notify="topNotificationChange"}}
-    {{gh-notifications location="bottom"}}
     {{outlet}}
 </main>
 
+{{gh-notifications location="bottom"}}
+
 {{outlet "modal"}}
 
 {{outlet "settings-menu"}}