diff --git a/cast/src/receiver/layout/hc-lovelace.ts b/cast/src/receiver/layout/hc-lovelace.ts
index 0cf3d5121d..b84b052484 100644
--- a/cast/src/receiver/layout/hc-lovelace.ts
+++ b/cast/src/receiver/layout/hc-lovelace.ts
@@ -59,7 +59,8 @@ class HcLovelace extends LitElement {
 
     return html`
       <hui-view-container .hass=${this.hass} .theme=${viewConfig.theme}>
-        <hui-view-background .background=${background}> </hui-view-background>
+        <hui-view-background .hass=${this.hass} .background=${background}>
+        </hui-view-background>
         <hui-view
           .hass=${this.hass}
           .lovelace=${lovelace}
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index 2ade6634cb..9b029ad025 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -474,7 +474,8 @@ class HUIRoot extends LitElement {
           id="view"
           @ll-rebuild=${this._debouncedConfigChanged}
         >
-          <hui-view-background .background=${background}> </hui-view-background>
+          <hui-view-background .hass=${this.hass} .background=${background}>
+          </hui-view-background>
         </hui-view-container>
       </div>
     `;