diff --git a/src/frontend/Components/NavBar/NavBar.tsx b/src/frontend/Components/NavBar/NavBar.tsx
index 7f40a3e..3469a45 100644
--- a/src/frontend/Components/NavBar/NavBar.tsx
+++ b/src/frontend/Components/NavBar/NavBar.tsx
@@ -26,7 +26,7 @@ export const NavBar = ({ pdfComponent }: { pdfComponent: React.RefObject<HTMLDiv
             sx={{
                 padding: "0.5rem",
                 backdropFilter: "blur(16px)",
-                backgroundColor: `hsla(0, 0%, ${themeMode === "dark" ? "13%" : "80%"}, 20%)`,
+                backgroundColor: `hsla(0, 0%, ${themeMode === "dark" ? "30%" : "60%"}, 50%)`,
             }}
             color="transparent"
         >