diff --git a/src/framework/theme/components/layout/_layout.component.theme.scss b/src/framework/theme/components/layout/_layout.component.theme.scss
index c7234603d2..17c19ee6a6 100644
--- a/src/framework/theme/components/layout/_layout.component.theme.scss
+++ b/src/framework/theme/components/layout/_layout.component.theme.scss
@@ -177,6 +177,7 @@
   }
 
   nb-layout-header {
+    background-color: nb-theme(header-background-color);
     color: nb-theme(header-text-color);
     font-family: nb-theme(header-text-font-family);
     font-size: nb-theme(header-text-font-size);
@@ -184,7 +185,6 @@
     line-height: nb-theme(header-text-line-height);
 
     nav {
-      background: nb-theme(header-background-color);
       color: nb-theme(header-text-color);
       box-shadow: nb-theme(header-shadow);
       height: nb-theme(header-height);