diff --git a/src/components/TopBar/TopBar.vue b/src/components/TopBar/TopBar.vue
index 0f3e5d88..f97f003a 100644
--- a/src/components/TopBar/TopBar.vue
+++ b/src/components/TopBar/TopBar.vue
@@ -387,9 +387,9 @@ defineExpose({
       <div
         v-if="mask"
         style="
-          mask-image: linear-gradient(to bottom,  black 40%, transparent);
-          backdrop-filter:var(--bew-filter-glass-1)
+          mask-image: linear-gradient(to bottom,  black 50%, transparent);
         "
+        :style="{ backdropFilter: settings.disableFrostedGlass ? 'none' : 'blur(10px)' }"
         pos="absolute top-0 left-0" w-full h-80px
         pointer-events-none transform-gpu
       />