From 29816e6c5ec3a9d55125abae1c4a988ad5c2cf17 Mon Sep 17 00:00:00 2001
From: Adam Kapos <Nezz@users.noreply.github.com>
Date: Mon, 15 Apr 2024 12:06:07 +0300
Subject: [PATCH] Fix malformed CSS in dialog surface (#20519)

---
 src/components/ha-dialog.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/ha-dialog.ts b/src/components/ha-dialog.ts
index 6930afb2bf..4d8980a037 100644
--- a/src/components/ha-dialog.ts
+++ b/src/components/ha-dialog.ts
@@ -125,8 +125,8 @@ export class HaDialog extends DialogBase {
         margin-top: var(--dialog-surface-margin-top);
         min-height: var(--mdc-dialog-min-height, auto);
         border-radius: var(--ha-dialog-border-radius, 28px);
-        -webkit--filter: var(--ha-dialog-surface--filter, none);
-        -filter: var(--ha-dialog-surface--filter, none);
+        -webkit-backdrop-filter: var(--ha-dialog-surface-backdrop-filter, none);
+        backdrop-filter: var(--ha-dialog-surface-backdrop-filter, none);
       }
       :host([flexContent]) .mdc-dialog .mdc-dialog__content {
         display: flex;