diff --git a/tedi/components/layout/header/header-profile/header-profile.component.scss b/tedi/components/layout/header/header-profile/header-profile.component.scss
index 433c3edf..6f0cd8e7 100644
--- a/tedi/components/layout/header/header-profile/header-profile.component.scss
+++ b/tedi/components/layout/header/header-profile/header-profile.component.scss
@@ -30,24 +30,24 @@ tedi-header-profile {
 
   .tedi-header-profile__overlay {
     position: absolute;
-    top: var(--layout-header-min-height);
+    top: var(--layout-header-height);
     left: 0;
     z-index: calc(var(--z-index-header) - 1);
     width: 100%;
-    min-height: calc(100dvh - var(--layout-header-min-height));
+    min-height: calc(100dvh - var(--layout-header-height));
     background: rgb(0 0 0 / 25%);
   }
 
   .tedi-header-profile__modal {
     position: absolute;
-    top: var(--layout-header-min-height);
+    top: var(--layout-header-height);
     right: 0;
     z-index: var(--z-index-header);
     display: flex;
     flex-direction: column;
     width: var(--navigation-vertical-item-width-default);
     max-width: 100%;
-    min-height: calc(100dvh - var(--layout-header-min-height));
+    min-height: calc(100dvh - var(--layout-header-height));
     max-height: 100%;
     overflow-y: auto;
     background: var(--general-surface-primary);
diff --git a/tedi/components/layout/header/header.component.scss b/tedi/components/layout/header/header.component.scss
index c674b8cb..31ad976b 100644
--- a/tedi/components/layout/header/header.component.scss
+++ b/tedi/components/layout/header/header.component.scss
@@ -6,9 +6,8 @@
     align-items: center;
     justify-content: space-between;
     width: 100%;
-    height: var(--layout-header-min-height);
-    padding: var(--layout-header-padding-y) var(--layout-header-padding-right)
-      var(--layout-header-padding-y) var(--layout-header-padding-left);
+    height: var(--layout-header-height);
+    padding: var(--layout-header-padding-y) var(--layout-header-padding-right) var(--layout-header-padding-y) var(--layout-header-padding-left);
     background: var(--header-background);
     box-shadow: 0 1px 5px 0 var(--tedi-alpha-20, rgb(0 0 0 / 20%));
   }