diff --git a/src/components/Layout/Navbar.tsx b/src/components/Layout/Navbar.tsx
index f76d494..556cfa7 100644
--- a/src/components/Layout/Navbar.tsx
+++ b/src/components/Layout/Navbar.tsx
@@ -68,12 +68,14 @@ const Navbar = () => {
             onClick={() => setIsOpen(!isOpen)}
             className="md:hidden inline-flex items-center justify-center p-2 rounded-md 
                      text-accent-snow hover:text-accent-lake hover:bg-secondary/20
-                     transition-colors duration-200"
+                     transition-colors duration-200 bg-transparent"
             aria-expanded={isOpen}
             aria-controls="mobile-menu"
             aria-label={isOpen ? "Close menu" : "Open menu"}
           >
-            {isOpen ? <HiX size={28} /> : <HiMenu size={28} />}
+            <span className="block">
+              {isOpen ? <HiX className="w-7 h-7" /> : <HiMenu className="w-7 h-7" />}
+            </span>
           </button>
         </div>
       </div>