diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index ea1ca56..11a4d0a 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -41,7 +41,7 @@ const { title, description, favicon, thumbnail } = Astro.props.frontmatter;
 
     <title>{title}</title>
   </head>
-  <body class="p-6 pt-12 flex flex-col gap-4 items-center max-w-[80rem] m-auto">
+  <body class="p-6 pt-12 flex flex-col gap-4 items-center max-w-[60rem] m-auto">
     <slot />
     <footer class="m-auto">
       <p class="text-zinc-500 text-sm">
diff --git a/src/pages/index.mdx b/src/pages/index.mdx
index 7ba2dbf..f841c0f 100644
--- a/src/pages/index.mdx
+++ b/src/pages/index.mdx
@@ -83,7 +83,7 @@ import exp4 from "../assets/exp4.png";
 <Video source={demo_placeholder} />
 This is a placeholder I will get rid of it later.
 
-<div class="bg-gray-100 max-w-[60rem]">
+<div class="bg-gray-100 max-w-[50rem]">
 <h2 class="text-center text-3xl font-bold">Abstract</h2>
 <div class="p-4 max-w-[60rem] m-auto">
 {/* ## Abstract */}
