diff --git a/src/components/SettingsMenu.astro b/src/components/SettingsMenu.astro
index a40fef3..63d2b98 100644
--- a/src/components/SettingsMenu.astro
+++ b/src/components/SettingsMenu.astro
@@ -203,12 +203,9 @@
     flex-direction: column; /* Vertical stack */
     gap: 0.8rem;
     padding: 0.6rem; /* Reduced padding */
-    background: linear-gradient(
-      145deg,
-      rgba(255, 255, 255, 0.12),
-      rgba(255, 255, 255, 0.04)
-    ); /* Translucent gradient */
-    backdrop-filter: blur(6px); /* Glass blur effect */
+    background: rgba(15, 15, 15, 0.75); /* Dark semi-transparent */
+    backdrop-filter: blur(16px); /* Frosted glass effect */
+    -webkit-backdrop-filter: blur(16px);
     border: 1px solid rgba(255, 255, 255, 0.1);
     border-radius: 16px;
     box-shadow: 0 8px 32px rgba(0, 0, 0, 0.5);