diff --git a/frontend/src/components/BurgerMenu.jsx b/frontend/src/components/BurgerMenu.jsx
index 86b9c36..cbbdc4f 100644
--- a/frontend/src/components/BurgerMenu.jsx
+++ b/frontend/src/components/BurgerMenu.jsx
@@ -10,7 +10,7 @@ export default function BurgerMenu({ isOpen, onClose }) {
       `}
     >
       <div
-        className={`fixed top-0 left-0 bottom-0 w-4/5 max-w-sm bg-dark-blue p-6 z-50 flex flex-col transition-transform duration-300 ease-in-out ${isOpen ? "translate-x-0" : "-translate-x-full"
+        className={`fixed top-0 left-0 bottom-0 w-4/5 max-w-sm bg-dark-blue z-50 flex flex-col transition-transform duration-300 ease-in-out ${isOpen ? "translate-x-0" : "-translate-x-full"
           }`}
       >
         <div className="flex justify-start pt-12 px-6">
@@ -18,7 +18,7 @@ export default function BurgerMenu({ isOpen, onClose }) {
             <BurgerClose />
           </button>
         </div>
-        <div className="flex flex-col text-lg font-medium text-white gap-6 transition-color duration-200 hover:text-gold justify-center items-center">
+        <div className="flex flex-col text-lg font-medium text-white gap-6 py-4 transition-color duration-200 hover:text-gold justify-center items-center">
           <button
             className="hover:text-gold duration-200 transition uppercase"
             onClick={() => navigate("/about")}