diff --git a/src/layouts/home-assistant-main.ts b/src/layouts/home-assistant-main.ts
index 025f1a3ec503..b984910c503d 100644
--- a/src/layouts/home-assistant-main.ts
+++ b/src/layouts/home-assistant-main.ts
@@ -177,7 +177,6 @@ export class HomeAssistantMain extends LitElement {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
         --mdc-drawer-width: 56px;
         --mdc-top-app-bar-width: calc(100% - var(--mdc-drawer-width));
-        --backdrop-filter: unset;
       }
       :host([expanded]) {
         --mdc-drawer-width: calc(256px + env(safe-area-inset-left));
diff --git a/src/panels/lovelace/hui-root.ts b/src/panels/lovelace/hui-root.ts
index eb64b4f15784..7df9386a12f2 100644
--- a/src/panels/lovelace/hui-root.ts
+++ b/src/panels/lovelace/hui-root.ts
@@ -908,7 +908,7 @@ class HUIRoot extends LitElement {
           position: fixed;
           top: 0;
           width: var(--mdc-top-app-bar-width, 100%);
-          -webkit-backdrop-filter: var(--backdrop-filter, unset);
+          -webkit-backdrop-filter: var(--header-backdrop-filter, unset);
           padding-top: env(safe-area-inset-top);
           z-index: 4;
           transition: box-shadow 200ms linear;