diff --git a/handlers/pages/home.templ b/handlers/pages/home.templ
index 354f648..3734d30 100644
--- a/handlers/pages/home.templ
+++ b/handlers/pages/home.templ
@@ -44,8 +44,8 @@ templ (p *Home) page() {
 		<section class="relative bg-black w-full h-screen md:flex justify-center items-center">
 			<div class="relative w-full h-full flex flex-col justify-between md:w-fit md:h-fit">
 				<h2
-					class={ "relative z-4 m-0 pt-4 text-9xl vertical-lr md:horizontal-tb text-stroke-1px text-stroke-white text-transparent",
-							"md:text-center" }
+					class={ "relative z-4 m-0 pt-4 text-9xl vertical-lr text-stroke-1px text-stroke-white text-transparent",
+							"md:horizontal-tb md:text-center" }
 				>
 					Socials
 				</h2>
@@ -58,9 +58,15 @@ templ (p *Home) page() {
 							rel="external me nofollow noopener noreferrer"
 							target="_blank"
 						>
-							<span class="hidden i-pixelarticons:camera h-3rem md:inline-block" aria-hidden="true"></span>
+							<span
+								class="hidden i-pixelarticons:camera h-3rem md:inline-block"
+								aria-hidden="true"
+							></span>
 							Instagram
-							<span class="inline-block i-pixelarticons:camera h-3rem md:hidden" aria-hidden="true"></span>
+							<span
+								class="inline-block i-pixelarticons:camera h-3rem md:hidden"
+								aria-hidden="true"
+							></span>
 							<span
 								class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
 										"md:translate-x-100% md:opacity-100" }
@@ -76,9 +82,15 @@ templ (p *Home) page() {
 							rel="external me nofollow noopener noreferrer"
 							target="_blank"
 						>
-							<span class="hidden i-pixelarticons:file-alt h-3rem md:inline-block" aria-hidden="true"></span>
+							<span
+								class="hidden i-pixelarticons:file-alt h-3rem md:inline-block"
+								aria-hidden="true"
+							></span>
 							Tumblr
-							<span class="inline-block i-pixelarticons:file-alt h-3rem md:hidden" aria-hidden="true"></span>
+							<span
+								class="inline-block i-pixelarticons:file-alt h-3rem md:hidden"
+								aria-hidden="true"
+							></span>
 							<span
 								class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
 										"md:translate-x-100% md:opacity-100" }
@@ -96,9 +108,15 @@ templ (p *Home) page() {
 							rel="external me nofollow noopener noreferrer"
 							target="_blank"
 						>
-							<span class="hidden i-pixelarticons:bug h-3rem md:inline-block" aria-hidden="true"></span>
+							<span
+								class="hidden i-pixelarticons:bug h-3rem md:inline-block"
+								aria-hidden="true"
+							></span>
 							BlueSky
-							<span class="inline-block i-pixelarticons:bug h-3rem md:hidden" aria-hidden="true"></span>
+							<span
+								class="inline-block i-pixelarticons:bug h-3rem md:hidden"
+								aria-hidden="true"
+							></span>
 							<span
 								class={ "absolute inline-block i-pixelarticons:external-link w-1rem h-1rem top-0 right-0 translate-x-50% opacity-50",
 										"md:translate-x-100% md:opacity-100" }
diff --git a/templates/layouts/page.templ b/templates/layouts/page.templ
index 63024c1..4e819ba 100644
--- a/templates/layouts/page.templ
+++ b/templates/layouts/page.templ
@@ -84,7 +84,7 @@ templ Page(i ...PageInfo) {
 				@pageInfo(i).Heading
 			}
 		</head>
-		<body class="bg-black font-serif w-screen min-h-screen m-0 absolute top-0 left-0">
+		<body class="bg-black font-serif w-screen min-h-screen overflow-x-hidden m-0 absolute top-0 left-0">
 			{ children... }
 		</body>
 	</html>
