diff --git a/src/theme/components/collapsible-header.scss b/src/theme/components/collapsible-header.scss
index 04304a443..eed43f951 100644
--- a/src/theme/components/collapsible-header.scss
+++ b/src/theme/components/collapsible-header.scss
@@ -1,4 +1,4 @@
-.collapsible-header-page {
+body:not(.core-iframe-fullscreen) .collapsible-header-page {
     --collapsible-header-progress: 0;
     --collapsible-header-collapsed-height: 0px;
     --collapsible-header-expanded-y-delta: 0px;
@@ -27,10 +27,10 @@
 
     &:not(.collapsible-header-page-is-collapsed) .collapsible-header-collapsed {
         --core-header-toolbar-border-width: 0;
+        --core-header-buttons-background: var(--ion-background-color);
+        --core-header-buttons-color: var(--text-color);
         ion-toolbar {
             --background: transparent;
-            --core-header-buttons-background: var(--ion-background-color);
-            --core-header-buttons-color: var(--text-color);
         }
 
         h1 {
diff --git a/src/theme/theme.base.scss b/src/theme/theme.base.scss
index a97d2eea2..8f94c4e2e 100644
--- a/src/theme/theme.base.scss
+++ b/src/theme/theme.base.scss
@@ -154,9 +154,6 @@ ion-header {
     z-index: 12; // To hide ion-slides on scroll.
 
     ion-toolbar {
-        --core-header-buttons-background: var(--core-header-toolbar-background);
-        --core-header-buttons-color: var(--core-header-toolbar-color);
-
         ion-spinner {
             margin: 10px;
         }
@@ -579,14 +576,19 @@ body.core-iframe-fullscreen ion-router-outlet {
         }
     }
 
-    --core-header-toolbar-height: 48px;
-    --core-header-toolbar-color: white;
-    --core-header-toolbar-background: black;
-    --core-header-toolbar-border-width: 0px;
+    .ion-page ion-header {
+        --core-header-toolbar-height: 48px;
+        --core-header-toolbar-color: white;
+        --core-header-toolbar-background: black;
+        --core-header-buttons-background: var(--core-header-toolbar-background);
+        --core-header-buttons-background: var(--core-header-toolbar-background);
+        --core-header-buttons-color: var(--core-header-toolbar-color);
+        --core-header-toolbar-border-width: 0px;
 
-    ion-header ion-toolbar {
-        h1, ion-back-button {
-            display: none;
+        ion-toolbar {
+            h1, ion-back-button {
+                display: none;
+            }
         }
     }
 
@@ -1585,11 +1587,8 @@ ion-header.no-title {
     --core-header-toolbar-border-width: 0;
     --core-header-toolbar-background: transparent;
     --core-header-shadow: none !important;
-    ion-toolbar {
-        --core-header-buttons-background: var(--ion-background-color);
-        --core-header-buttons-color: var(--text-color);
-    }
-
+    --core-header-buttons-background: var(--ion-background-color);
+    --core-header-buttons-color: var(--text-color);
 }
 
 // To make core-swipe-slides fill the remaining height.
diff --git a/src/theme/theme.light.scss b/src/theme/theme.light.scss
index 21e9485e1..7478d0a85 100644
--- a/src/theme/theme.light.scss
+++ b/src/theme/theme.light.scss
@@ -148,6 +148,8 @@
     --core-header-toolbar-color: var(--text-color);
     --core-header-toolbar-height: 48px;
     --core-header-shadow: none;
+    --core-header-buttons-background: var(--core-header-toolbar-background);
+    --core-header-buttons-color: var(--core-header-toolbar-color);
 
     ion-header {
         box-shadow: var(--core-header-shadow, none);