diff --git a/dashboard/sharedComponents/sidebar/layout.service.ts b/dashboard/sharedComponents/sidebar/layout.service.ts
index dd4fee8b..95ae0eb4 100644
--- a/dashboard/sharedComponents/sidebar/layout.service.ts
+++ b/dashboard/sharedComponents/sidebar/layout.service.ts
@@ -7,6 +7,8 @@ import {ActivationStart, Router} from "@angular/router";
 })
 export class LayoutService {
   
+  public static HEADER_HEIGHT = '65px';
+  
   /**
    * Set this to true when sidebar items are ready.
    */
@@ -64,8 +66,10 @@ export class LayoutService {
         if (data['hasHeader'] !== undefined &&
           data['hasHeader'] === false) {
           this.setHasHeader(false);
+          document.documentElement.style.setProperty('--header-height', '0');
         } else {
           this.setHasHeader(true);
+          document.documentElement.style.setProperty('--header-height', LayoutService.HEADER_HEIGHT);
         }
         if (data['hasAdminMenu'] !== undefined &&
           data['hasAdminMenu'] === true) {