Fix z-index with custom homepage

2 files changed, 4 insertions, 4 deletions

diff --git a/client/src/sass/include/_variables.scss b/client/src/sass/include/_variables.scss
index 225cad9c2..c02359f28 100644
--- a/client/src/sass/include/_variables.scss
+++ b/client/src/sass/include/_variables.scss
@@ -176,7 +176,7 @@ $zindex: (
   tooltip         : 14000,
   loadbar         : 15000,
   privacymsg      : 17500,
-  header          : 17500,
+  root-header     : 17500,
   help-popover    : 17600,
   dropdown        : 17600,
   modal           : 19000,
diff --git a/client/src/sass/z-index.scss b/client/src/sass/z-index.scss
index d362af0dd..f8b0e1cc0 100644
--- a/client/src/sass/z-index.scss
+++ b/client/src/sass/z-index.scss
@@ -1,8 +1,8 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-.header {
-  z-index: z(header);
+.root-header {
+  z-index: z(root-header);
 }
 
 .help-popover {
@@ -10,7 +10,7 @@
 }
 
 ngx-loading-bar {
-  z-index: z(header) + 1 !important;
+  z-index: z(root-header) + 1 !important;
 }
 
 // Dropdown added to body, override default z-index