diff --git a/components/SettingsMenu.client.vue b/components/SettingsMenu.client.vue
index 0d46574..9930d76 100644
--- a/components/SettingsMenu.client.vue
+++ b/components/SettingsMenu.client.vue
@@ -87,13 +87,13 @@ onUnmounted(() => {
   top: calc(100% + 8px);
   right: 0;
   min-width: 220px;
-  background: rgba(255, 255, 255, 0.12);
-  backdrop-filter: blur(20px);
-  -webkit-backdrop-filter: blur(20px);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  border-radius: 16px;
-  padding: 12px;
-  box-shadow: var(--shadow-glass), 0 8px 32px rgba(0, 0, 0, 0.2);
+  background: var(--bg-secondary);
+  backdrop-filter: blur(50px);
+  -webkit-backdrop-filter: blur(50px);
+  border: 1px solid var(--border-glass);
+  border-radius: 12px;
+  padding: 8px;
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
   z-index: 10001;
   display: flex;
   flex-direction: column;