diff --git a/app/layout.tsx b/app/layout.tsx
index 978eda2..57446a3 100755
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -20,7 +20,7 @@ export default function RootLayout({
 }) {
 	return (
 		<html className={`${inter.className} text-black bg-white dark:text-white dark:bg-slate-900`} lang="en">
-			<body className="antialiased mt-8 mb-8 lg:max-w-screen-xl min-lg:flex min-lg:flex-col lg:mx-auto max-lg:grid max-lg:place-items-center max-sm:place-items-start">
+			<body className="antialiased mt-8 mb-8 lg:max-w-screen-xl min-lg:flex min-lg:flex-col xl:mx-auto lg:mx-4 max-lg:grid max-lg:place-items-center max-sm:place-items-start">
 				<Navbar />
 				{children}
 				<Footer />
