diff --git a/src/components/MainPageLayout.js b/src/components/MainPageLayout.js
index b37ec1f..23c1311 100644
--- a/src/components/MainPageLayout.js
+++ b/src/components/MainPageLayout.js
@@ -136,7 +136,8 @@ const MainPageLayout = () => {
           display: { xs: "block", sm: "none" },
           mb: { xs: 2, sm: 0 },
           width: "100%",
-          textAlign: "center"
+          textAlign: "center",
+          position: "relative"
         }}>
           {Object.entries(allTitles).map(([pageType, title]) => (
             <Typography
@@ -152,9 +153,9 @@ const MainPageLayout = () => {
                 transition: "opacity 0.5s ease-in-out",
                 opacity: getOpacity(pageType),
                 position: pageType === "home" ? "relative" : "absolute",
-                top: pageType !== "home" ? "50%" : "auto",
-                left: pageType !== "home" ? "50%" : "auto",
-                transform: pageType !== "home" ? "translate(-50%, -50%)" : "none",
+                top: pageType !== "home" ? 0 : "auto",
+                left: pageType !== "home" ? 0 : "auto",
+                transform: "none",
                 width: "100%",
                 pointerEvents: getOpacity(pageType) === 1 ? "auto" : "none",
                 lineHeight: { xs: "1.2", sm: "1.2", md: "1.1" },