diff --git a/src/lib/components/Blog/Article.svelte b/src/lib/components/Blog/Article.svelte
index 7fd9713..415f151 100644
--- a/src/lib/components/Blog/Article.svelte
+++ b/src/lib/components/Blog/Article.svelte
@@ -29,7 +29,7 @@
     </figure>
   </header>
 
-  <div class="markdown-body mb-8 font-serif">
+  <div class="markdown-body mb-8 font-serif max-w-3xl">
     {@html doc.content}
   </div>
 </article>
diff --git a/src/lib/styles/markdown.pcss b/src/lib/styles/markdown.pcss
index c0b1766..0c5f805 100644
--- a/src/lib/styles/markdown.pcss
+++ b/src/lib/styles/markdown.pcss
@@ -162,6 +162,6 @@
     height: 1em;
   }
   .hljs {
-    @apply my-4 rounded-xl shadow-lg overflow-x-auto text-wrap;
+    @apply my-4 rounded-xl shadow-lg overflow-x-auto;
   }
 }