diff --git a/src/panels/lovelace/components/hui-energy-period-selector.ts b/src/panels/lovelace/components/hui-energy-period-selector.ts
index dbf4c7c611..42267dadf6 100644
--- a/src/panels/lovelace/components/hui-energy-period-selector.ts
+++ b/src/panels/lovelace/components/hui-energy-period-selector.ts
@@ -523,11 +523,11 @@ export class HuiEnergyPeriodSelector extends SubscribeMixin(LitElement) {
       z-index: var(--dialog-z-index, 8);
       -webkit-backdrop-filter: var(
         --ha-dialog-scrim-backdrop-filter,
-        var(--dialog-backdrop-filter, blur(4px))
+        var(--dialog-backdrop-filter)
       );
       backdrop-filter: var(
         --ha-dialog-scrim-backdrop-filter,
-        var(--dialog-backdrop-filter, blur(4px))
+        var(--dialog-backdrop-filter)
       );
       pointer-events: none;
       opacity: 0;
diff --git a/src/resources/theme/main.globals.ts b/src/resources/theme/main.globals.ts
index 234243d9ae..4e8ddb67e7 100644
--- a/src/resources/theme/main.globals.ts
+++ b/src/resources/theme/main.globals.ts
@@ -48,6 +48,9 @@ export const mainStyles = css`
      */
     --safe-width: calc(100vw - var(--safe-area-inset-left) - var(--safe-area-inset-right));
     --safe-height: calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom));
+
+    /* dialog backdrop filter */
+    --ha-dialog-scrim-backdrop-filter: brightness(68%);
   }
 `;