diff --git a/frontend/src/components/navigator.tsx b/frontend/src/components/navigator.tsx
index 9e1a8fb..8716054 100644
--- a/frontend/src/components/navigator.tsx
+++ b/frontend/src/components/navigator.tsx
@@ -67,7 +67,7 @@ export default function Navigator() {
       {/* Background overlay */}
       {background && (
         <div
-          className="bg-base-100 opacity-60 dark:opacity-40"
+          className="bg-base-100 opacity-20 dark:opacity-40"
           style={{
             position: "fixed",
             top: 0,