layout fix

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>
   );
 };

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 {