diff --git a/app/globals.css b/app/globals.css
index ebf49fc..5d0360a 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -12,6 +12,7 @@ html {
 body {
   min-height: 100vh;
   font-family: "Space Grotesk", sans-serif;
+  background-color: #292524;
 }
 
 .polka{
diff --git a/app/navbar.tsx b/app/navbar.tsx
index d69f725..bc52312 100644
--- a/app/navbar.tsx
+++ b/app/navbar.tsx
@@ -64,7 +64,7 @@ export default function Navbar() {
                 </div>
 
                 {/* Mobile Menu */}
-                <div className={`md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
+                <div className={`will-change-transform md:hidden transition-all duration-300 overflow-hidden ${isMobileMenuOpen ? 'max-h-96 opacity-100' : 'max-h-0 opacity-0'
                     }`}>
                     <div className="py-6 space-y-2 border-t border-stone-950 border-b">
                         {navItems.map((item) => (