diff --git a/static/assets/css/nav.css b/static/assets/css/nav.css
index 7e41197..0f82631 100644
--- a/static/assets/css/nav.css
+++ b/static/assets/css/nav.css
@@ -12,7 +12,7 @@
     top: 0;
     margin-left: 50px;
     margin-right: 50px;
-    margin-top: 50px;
+    margin-top: 35px;
     color: rgb(255, 255, 255);
     z-index: 100;
     display: flex;
@@ -22,13 +22,15 @@
     text-align: center;
     backdrop-filter: blur(7.1px);
     -webkit-backdrop-filter: blur(7.1px);
+    border: 1px solid rgb(83, 83, 83);
 }
 
 .navbar.scrolling {
     background-color: var(--background-darker);
     color: black;
-    backdrop-filter: blur(10px);
-    -webkit-backdrop-filter: blur(10px);
+    backdrop-filter: blur(3px);
+    -webkit-backdrop-filter: blur(3px);
+
 }
 
 .navbar>.title {
diff --git a/static/assets/css/themes.css b/static/assets/css/themes.css
index 66ee801..bd0443d 100644
--- a/static/assets/css/themes.css
+++ b/static/assets/css/themes.css
@@ -1,6 +1,6 @@
 body[data-theme='dark'] {
     --background-color: rgba(0, 0, 0, 0.8);
-    --background-darker: rgba(0, 0, 0, 0.9);
+    --background-darker: rgba(26, 25, 32, 0.75);
     --text: #fff;
     --sidebar-bg: #161f2eef;
     --button-bg: #1c1c1c69;
@@ -16,8 +16,8 @@ body[data-theme='dark'] {
 }
 
 body[data-theme='light'] {
-    --background-color: #fff;
-    --background-darker: var(--background-color);
+    --background-color: rgba(255, 255, 255, 0.8);
+    --background-darker: rgba(235, 235, 235, 0.8);
     --text: #000;
     --hover: #757575;
     --sidebar-bg: #ffffffee;