diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index bf108c0..340cfd0 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -36,7 +36,7 @@ const { Content } = await render(post);
   description={post.data.description}
   image={`/blog/${post.id}.png`}
 >
-  <article class="w-full max-w-2xl flex flex-col gap-8">
+  <article class="w-full max-w-2xl lg:max-w-3xl flex flex-col gap-8">
     <header class="flex flex-col gap-4">
       <BackLink href="/blog" label="back to blog" />
       <h1 class="text-3xl font-bold">{post.data.title}</h1>
diff --git a/src/styles/global.css b/src/styles/global.css
index d534572..f6155b8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -32,7 +32,7 @@
       content: none;
     }
 
-    @apply md:max-w-[65ch] max-w-[80vw];
+    @apply md:max-w-[70ch] max-w-[80vw] mx-auto;
   }
 }