diff --git a/src/App.tsx b/src/App.tsx
index f4f6ea4..038977f 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -64,10 +64,10 @@ export default function App() {
             <div className="grid justify-items-center">
               <div id="content" className="absolute dark:text-white sm:min-w-[565px]" style={{ top: `${contentY}px` }}>
                 <div className="grid grid-container md:grid-cols-5 gap-2 min-h-[70vh] w-3xl">
-                  <div className="hidden md:block md:col-span-1">
+                  <div className="sticky top-5 hidden md:block md:col-span-1">
                     <VerticalMenu />
                   </div>
-                  <div className="sticky top-5 md:hidden">
+                  <div className="sticky top-12 md:hidden">
                     <HorizontalMenu />
                   </div>
                   <div className="px-5 md:col-span-4 md:px-0">
diff --git a/src/components/HorizontalMenu.tsx b/src/components/HorizontalMenu.tsx
index a06ce17..1068d5b 100644
--- a/src/components/HorizontalMenu.tsx
+++ b/src/components/HorizontalMenu.tsx
@@ -16,7 +16,7 @@ export default function HorizontalMenu() {
 
     return (
         <RecoilRoot>
-            <div className="relative text-lg font-medium text-center hover:cursor-pointer grid grid-cols-5 grid-flow-col backdrop-blur-2xl bg-zinc-100/30 dark:bg-neutral-900/30 rounded-lg">
+            <div className="relative text-lg font-medium text-center hover:cursor-pointer grid grid-cols-4 grid-flow-col backdrop-blur-2xl bg-zinc-100/30 dark:bg-neutral-900/30 rounded-lg">
                 <div
                     className={`self-start py-3 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
                     onClick={() => { setPage(Pages.Profile) }}
diff --git a/src/components/VerticalMenu.tsx b/src/components/VerticalMenu.tsx
index 0594dc0..0da8f82 100644
--- a/src/components/VerticalMenu.tsx
+++ b/src/components/VerticalMenu.tsx
@@ -27,38 +27,36 @@ export default function VerticalMenu() {
 
     return (
         <RecoilRoot>
-            <div className="sticky top-5">
-                <ul className="text-lg font-medium text-center hover:cursor-pointer">
-                    <li
-                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
-                        onClick={() => { setPage(Pages.Profile) }}
-                    >
-                        <FontAwesomeIcon icon={faUser} className="w-10 h-10" />{" "}
-                        <p>{t("profile")}</p>
-                    </li>
-                    <li
-                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Identifier ? activeColor : ""}`}
-                        onClick={() => { setPage(Pages.Identifier) }}
-                    >
-                        <FontAwesomeIcon icon={faPassport} className="w-10 h-10" />{" "}
-                        <p>{t("identifier")}</p>
-                    </li>
-                    <li
-                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
-                        onClick={() => { setPage(Pages.Services) }}
-                    >
-                        <FontAwesomeIcon icon={faStar} className="w-10 h-10" />{" "}
-                        <p>{t("services")}</p>
-                    </li>
-                    <li
-                        className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
-                        onClick={() => { setPage(Pages.Chat) }}
-                    >
-                        <FontAwesomeIcon icon={faComments} className="w-10 h-10" />{" "}
-                        <p>{t("chat")}</p>
-                    </li>
-                </ul>
-            </div>
+            <ul className="text-lg font-medium text-center hover:cursor-pointer">
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Profile ? activeColor : ""}`}
+                    onClick={() => { setPage(Pages.Profile) }}
+                >
+                    <FontAwesomeIcon icon={faUser} className="w-10 h-10" />{" "}
+                    <p>{t("profile")}</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Identifier ? activeColor : ""}`}
+                    onClick={() => { setPage(Pages.Identifier) }}
+                >
+                    <FontAwesomeIcon icon={faPassport} className="w-10 h-10" />{" "}
+                    <p>{t("identifier")}</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Services ? activeColor : ""}`}
+                    onClick={() => { setPage(Pages.Services) }}
+                >
+                    <FontAwesomeIcon icon={faStar} className="w-10 h-10" />{" "}
+                    <p>{t("services")}</p>
+                </li>
+                <li
+                    className={`w-full px-4 py-2 rounded-lg${page === Pages.Chat ? activeColor : ""}`}
+                    onClick={() => { setPage(Pages.Chat) }}
+                >
+                    <FontAwesomeIcon icon={faComments} className="w-10 h-10" />{" "}
+                    <p>{t("chat")}</p>
+                </li>
+            </ul>
         </RecoilRoot>
     )
 }