diff --git a/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css b/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
index 121f04ff4..49a16e534 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/TabNavigation/tabNavigation.module.css
@@ -2,12 +2,15 @@
   position: sticky;
   top: 0;
   z-index: var(--hotel-tab-navigation-z-index);
-  background-color: var(--Background-Primary);
+  background-color: var(--Surface-Secondary-Default);
   border-bottom: 1px solid var(--Border-Default);
   width: 100%;
   overflow: hidden;
-  --gradient-color: var(--Background-Primary);
-
+  --gradient-color: var(--Surface-Secondary-Default);
+  &.isThemed {
+    background-color: var(--Background-Primary);
+    --gradient-color: var(--Background-Primary);
+  }
   &::before,
   &::after {
     content: "";
diff --git a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
index 120f032d3..a16ebe368 100644
--- a/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
+++ b/apps/scandic-web/components/ContentType/HotelPage/hotelPage.module.css
@@ -20,8 +20,11 @@
 }
 
 .header {
-  background-color: var(--Background-Primary);
+  background-color: var(--Surface-Secondary-Default);
   grid-area: header;
+  &.isThemed {
+    background-color: var(--Background-Primary);
+  }
 }
 
 .mainSection {