diff --git a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-backdrop.less b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-backdrop.less
index 45e73df6da..1d9aaabd44 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/application/umb-backdrop.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/application/umb-backdrop.less
@@ -2,7 +2,7 @@
     height: 100%;
     width: 100%;
     position: fixed;
-    z-index: 9999;
+    z-index: @zindexOverlayBackdrop;
     top: 0;
     left: 0;
     pointer-events: none;
diff --git a/src/Umbraco.Web.UI.Client/src/less/components/overlays/umb-overlay-backdrop.less b/src/Umbraco.Web.UI.Client/src/less/components/overlays/umb-overlay-backdrop.less
index 65b3f34c2d..129ae9e757 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/overlays/umb-overlay-backdrop.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/overlays/umb-overlay-backdrop.less
@@ -4,7 +4,7 @@
    height: 100%;
    background-color: rgba(255, 255, 255, 0.50);
    z-index: @zindexOverlayBackdrop;
-   top: 0;
+   top: @appHeaderHeight;
    left: 0;
    animation: fadeIn 0.2s;
 }