diff --git a/src/app/styles/base.css b/src/app/styles/base.css
index ce81ab1..3d5c98a 100644
--- a/src/app/styles/base.css
+++ b/src/app/styles/base.css
@@ -28,17 +28,7 @@ h6 {
 }
 
 #nav nav {
-  top: var(--spacing-4);
-  width: var(--width-content-width);
-  left: 50%;
-  transform: translateX(-50%);
-  border-radius: var(--radius-theme-capped);
-  border: 1px solid color-mix(in srgb, var(--foreground) 10%, transparent);
-  box-shadow: 0 4px 6px -1px color-mix(in srgb, var(--foreground) 10%, transparent), 0 2px 4px -2px color-mix(in srgb, var(--foreground) 6%, transparent);
-}
-
-#nav nav > div {
-  width: 100%;
-  margin: 0;
-  padding: 0 var(--spacing-6);
+  border-bottom: 1px solid color-mix(in srgb, var(--foreground) 15%, transparent);
+  -webkit-backdrop-filter: blur(12px);
+  backdrop-filter: blur(12px);
 }