diff --git a/assets/js/theme/nav/mainMenu.js b/assets/js/theme/nav/mainMenu.js
index 87335f0b7f7535da59e61037400c8f3c34796d9f..510508f2b7da30aa7ab2b44f0ad3e570ecb8024e 100644
--- a/assets/js/theme/nav/mainMenu.js
+++ b/assets/js/theme/nav/mainMenu.js
@@ -52,7 +52,7 @@ class MainMenu {
 
     resize () {
         const isMobile = window.innerWidth <= breakpoints.md;
-        document.documentElement.style.setProperty('--header-height', this.element.offsetHeight + 'px');
+        // document.documentElement.style.setProperty('--header-height', this.element.offsetHeight + 'px');
         // is state changed ?
         if (this.state.isMobile === isMobile) {
             return null;
diff --git a/assets/sass/_theme/design-system/layout.sass b/assets/sass/_theme/design-system/layout.sass
index f6068329301e2af4ea2c1e23ecb02779ead7647f..a6cb86087c66a8b185d1e6db7838c56a9b6f214b 100644
--- a/assets/sass/_theme/design-system/layout.sass
+++ b/assets/sass/_theme/design-system/layout.sass
@@ -4,7 +4,7 @@
     box-sizing: border-box
 
 \:root
-    --header-height: $header-nav-padding-y * 2 + $header-logo-height
+    --header-height: #{$header-nav-padding-y * 2 + $header-logo-height}
 
 body
     color: $body-color