diff --git a/src/components/Drawer.astro b/src/components/Drawer.astro
index 6ba7967..71ba496 100644
--- a/src/components/Drawer.astro
+++ b/src/components/Drawer.astro
@@ -8,7 +8,7 @@ const subpath = pathname.match(/[^/]+/g);
 
 <div
   id="drawer"
-  class="fixed inset-0 z-40 flex h-0 flex-col items-center justify-center overflow-hidden bg-neutral-100 transition-[height] duration-300 ease-in-out md:hidden dark:bg-neutral-900"
+  class="fixed inset-0 z-40 flex h-0 flex-col items-center justify-center overflow-hidden bg-white/50 backdrop-blur-md transition-[height] duration-300 ease-in-out md:hidden dark:bg-black/50"
 >
   <nav class="flex flex-col items-center space-y-2">
     {