diff --git a/src/components/ha-cards.html b/src/components/ha-cards.html
index 0d926e42ec..ea9b64cb02 100644
--- a/src/components/ha-cards.html
+++ b/src/components/ha-cards.html
@@ -10,7 +10,6 @@
     <style>
       :host {
         display: block;
-        background-color: #E5E5E5;
         padding-top: 8px;
         padding-right: 8px;
       }
diff --git a/src/layouts/partial-cards.html b/src/layouts/partial-cards.html
index 3e51481b0f..2a817c543d 100644
--- a/src/layouts/partial-cards.html
+++ b/src/layouts/partial-cards.html
@@ -20,6 +20,10 @@
         -moz-user-select: none;
       }
 
+      app-header-layout {
+        background-color: #E5E5E5;
+      }
+
       ha-view-tabs {
         margin-left: 12px;
         --paper-tabs-selection-bar-color: #FFF;