diff --git a/components/layout/Navbar.tsx b/components/layout/Navbar.tsx
index 3a47f76..c938248 100644
--- a/components/layout/Navbar.tsx
+++ b/components/layout/Navbar.tsx
@@ -116,8 +116,8 @@ export function Navbar() {
 
       {/* Mobile Menu Drawer */}
       {mobileMenuOpen && (
-        <div className="md:hidden fixed inset-0 top-16 z-50 bg-background">
-          <div className="container px-4 py-6">
+        <div className="md:hidden fixed inset-0 top-16 z-50">
+          <div className="container px-4 py-6 bg-background/95 backdrop-blur-md h-full">
             <nav className="flex flex-col gap-2">
               {navItems.map((item) => (
                 <Link key={item.href} href={item.href}>