diff --git a/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less b/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
index a63c6a521d..07eb8bfc18 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/notifications/umb-notifications.less
@@ -1,5 +1,5 @@
 .umb-notifications {
-    z-index: 999999;
+    z-index: @zindexNotification;
     position: absolute;
     bottom: @editorFooterHeight;
     left: 0;
diff --git a/src/Umbraco.Web.UI.Client/src/less/variables.less b/src/Umbraco.Web.UI.Client/src/less/variables.less
index 6877938574..52085b59ab 100644
--- a/src/Umbraco.Web.UI.Client/src/less/variables.less
+++ b/src/Umbraco.Web.UI.Client/src/less/variables.less
@@ -362,6 +362,8 @@
 @zindexUmbOverlay:        7500;
 @zindexOverlayBackdrop:   2000;
 
+@zindexNotification:      8000;
+
 // these are used for the tour which should be on top of everything else
 @zindexTourBackdrop:      9999;
 @zindexTourModal:        10000;
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/notifications/umb-notifications.html b/src/Umbraco.Web.UI.Client/src/views/components/notifications/umb-notifications.html
index 37cd736830..065f2bd28c 100644
--- a/src/Umbraco.Web.UI.Client/src/views/components/notifications/umb-notifications.html
+++ b/src/Umbraco.Web.UI.Client/src/views/components/notifications/umb-notifications.html
@@ -1,5 +1,5 @@
 <div class="umb-notifications" id="umb-notifications-wrapper" ng-cloak>
-    <ul class="umb-notifications__notifications" aria-live="assertive" aria-relevant="additions">
+    <ul ng-if="notifications" class="umb-notifications__notifications" aria-live="assertive" aria-relevant="additions">
         <li ng-repeat="notification in notifications"
             class="alert alert-block alert-{{notification.type}} umb-notifications__notification animated -half-second fadeIn"
             ng-class="{'-no-border -extra-padding': notification.type === 'form'}">
diff --git a/src/Umbraco.Web.UI/umbraco/UmbracoBackOffice/Default.cshtml b/src/Umbraco.Web.UI/umbraco/UmbracoBackOffice/Default.cshtml
index ce4a8e3066..3b9c48800d 100644
--- a/src/Umbraco.Web.UI/umbraco/UmbracoBackOffice/Default.cshtml
+++ b/src/Umbraco.Web.UI/umbraco/UmbracoBackOffice/Default.cshtml
@@ -79,8 +79,6 @@
 
             </div>
 
-            <umb-notifications></umb-notifications>
-
         </div>
 
         <umb-tour ng-if="tour.show"
@@ -94,6 +92,8 @@
 
     </div>
 
+    <umb-notifications></umb-notifications>
+
     <umb-backdrop ng-if="backdrop.show || infiniteMode"
                   backdrop-opacity="backdrop.opacity"
                   highlight-element="backdrop.element"