diff --git a/src/routes/blog/[year]/[slug]/+page.svelte b/src/routes/blog/[year]/[slug]/+page.svelte
index 253eba0..edaa0b0 100644
--- a/src/routes/blog/[year]/[slug]/+page.svelte
+++ b/src/routes/blog/[year]/[slug]/+page.svelte
@@ -29,9 +29,10 @@
 	<meta name="author" content="Youwen Wu" />
 </svelte:head>
 
-<div class="lg:flex max-w-6xl mx-auto mt-14 px-4">
+<div class="lg:flex mx-auto mt-14 px-4">
+	<div class="flex-shrink xl:basis-1/4" />
 	<main
-		class="flex-grow basis-3/4 flex-shrink"
+		class="flex-grow basis-3/4 xl:basis-2/4 flex-shrink"
 		use:toc={{
 			store: tocStore,
 			observe: true,