diff --git a/src/components/Dialog.vue b/src/components/Dialog.vue
index 9aac2f33..88bd6a2f 100644
--- a/src/components/Dialog.vue
+++ b/src/components/Dialog.vue
@@ -90,12 +90,12 @@ function handleConfirm() {
         />
         <div
           style="
-            --un-shadow: var(--bew-shadow-3) var(--bew-shadow-edge-glow-2);
+            box-shadow: var(--bew-shadow-3) var(--bew-shadow-edge-glow-2);
             backdrop-filter: var(--bew-filter-glass-2);
           "
           :style="{ width: dialogWidth, height: dialogHeight }"
-          pos="absolute top-1/2 left-1/2" bg="$bew-content-2 dark:$bew-elevated-1" rounded="$bew-radius"
-          transform="translate--1/2" z-2 shadow overflow="x-hidden y-overlay"
+          pos="absolute top-1/2 left-1/2" bg="$bew-elevated-1" rounded="$bew-radius"
+          transform="translate--1/2" z-2 overflow="x-hidden y-overlay"
           antialiased
         >
           <!-- loading masking -->