diff --git a/frontend/src/index.css b/frontend/src/index.css
index c135167..ebea9ae 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -35,7 +35,7 @@ body {
   /* Frosted overlay surface: translucent enough that the blurred backdrop shows
      through (the glassy look), opaque enough that the background isn't distracting.
      The strong blur turns whatever is behind into soft colour, not a sharp image. */
-  background: color-mix(in srgb, var(--surface) 82%, transparent);
+  background: color-mix(in srgb, var(--surface) 78%, transparent);
   backdrop-filter: blur(30px) saturate(1.8);
   -webkit-backdrop-filter: blur(30px) saturate(1.8);
   border: 1px solid color-mix(in srgb, var(--border) 78%, transparent);