diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index 43b88db..81dd79a 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -37,7 +37,7 @@ const navItems = [
 </nav>
 
 <div id="mobile-bottom-bar" class="fixed bottom-2 left-2 right-2 xs:bottom-3 xs:left-3 xs:right-3 md:hidden z-40">
-  <div class="bg-white/95 backdrop-blur-md rounded-xl xs:rounded-2xl shadow-lg border border-white/20 px-1.5 py-2 xs:px-2 xs:py-2.5">
+  <div class="bg-white/90 backdrop-blur-xl rounded-xl xs:rounded-2xl shadow-[0_8px_30px_rgba(0,0,0,0.12)] border border-gray-200/50 px-1.5 py-2 xs:px-2 xs:py-2.5">
     <div class="flex justify-between items-center gap-0.5 xs:gap-1">
       {navItems.map((item) => (
         <a href={item.href} class="mobile-nav-item flex flex-col items-center gap-1 p-1.5 xs:p-2 rounded-lg xs:rounded-xl hover:bg-[#E51937] active:bg-[#c41230] transition-all duration-150 group flex-1 hover:scale-105 active:scale-95">