diff --git a/Frontend/src/app/(pages)/page.tsx b/Frontend/src/app/(pages)/page.tsx
index 8d4e082..72a2237 100644
--- a/Frontend/src/app/(pages)/page.tsx
+++ b/Frontend/src/app/(pages)/page.tsx
@@ -7,7 +7,7 @@ import Hero from "@/components/landing/hero";
  * @returns the page jsx
  */
 const LandingPage = (): JSX.Element => (
-	<main>
+	<main className="px-3">
 		<Hero />
 		<FeaturedContent />
 	</main>
diff --git a/Frontend/src/app/components/landing/hero.tsx b/Frontend/src/app/components/landing/hero.tsx
index 7c14d7e..20a569d 100644
--- a/Frontend/src/app/components/landing/hero.tsx
+++ b/Frontend/src/app/components/landing/hero.tsx
@@ -11,7 +11,7 @@ import Link from "next/link";
  */
 const Hero = (): JSX.Element => (
 	<div className="h-[70vh] flex flex-col gap-8 justify-center items-center">
-		<div className="px-3 flex flex-col gap-4 items-center text-center">
+		<div className="flex flex-col gap-4 items-center text-center">
 			{/* Title */}
 			<h1
 				className={cn("text-5xl text-minecraft-green-3", minecrafter.className)}