diff --git a/src/routes/__root.module.scss b/src/routes/__root.module.scss
index f688b5a..ad67b58 100644
--- a/src/routes/__root.module.scss
+++ b/src/routes/__root.module.scss
@@ -14,8 +14,10 @@
   justify-content: space-between;
   align-items: center;
   padding: $space-3;
-  background: $color-background;
-  border-bottom: 1px solid $color-border;
+  background: rgba($color-background, 0.3);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  border-bottom: 1px solid rgba($color-border, 0.3);
 }
 
 .brand {