diff --git a/layouts/MainLayout.tsx b/layouts/MainLayout.tsx
index 29f5e54..3c92e14 100644
--- a/layouts/MainLayout.tsx
+++ b/layouts/MainLayout.tsx
@@ -3,9 +3,9 @@ import { Navbar } from "../components/Navbar";
 
 export const MainLayout = ({ children }: PropsWithChildren) => {
   return (
-    <div>
+    <div className="w-full">
       <Navbar />
-      <main className="xl:p-10 p-4 xl:mx-0">{children}</main>
+      <main className="xl:p-10 p-4 px-10 xl:mx-0">{children}</main>
     </div>
   );
 };
diff --git a/styles/globals.css b/styles/globals.css
index 13c16c2..2485337 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -7,7 +7,7 @@ html {
   scroll-behavior: smooth;
 }
 body {
-  @apply dark:bg-gradient-dark dark:text-primary-text bg-slate-100 text-gradient-dark xl:w-2/3 w-11/12 mx-auto;
+  @apply dark:bg-gradient-dark dark:text-primary-text bg-slate-100 text-gradient-dark xl:w-2/3 w-full mx-auto;
 }
 
 .prose {