diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index fd52f90..0d43549 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -7,10 +7,10 @@ import examplePdf1 from "@/assets/images/examplepdf1.webp?url";
 import examplePdf2 from "@/assets/images/examplepdf2.webp?url";
 
 const Home = () => (
-	<main className="px-4 pb-8 pt-14 place-self-center">
+	<main className="px-4 pb-8 pt-14">
 		<section
 			id="hero"
-			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left"
+			className="grid max-w-screen-2xl items-center gap-8 p-8 text-center md:grid-cols-2 md:text-left mx-auto"
 		>
 			<div>
 				<h1 className="text-3xl font-bold text-base-content md:text-4xl">