From 6f6bed7a5848afb33f090fec710998ca096a3f85 Mon Sep 17 00:00:00 2001
From: Benjamin Toby <devops@tben.me>
Date: Thu, 2 Apr 2026 07:39:20 +0100
Subject: [PATCH] Updates

---
 src/components/pages/blog/slug/index.tsx | 2 +-
 src/styles/globals.css                   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/pages/blog/slug/index.tsx b/src/components/pages/blog/slug/index.tsx
index 0484a59..6763e7d 100644
--- a/src/components/pages/blog/slug/index.tsx
+++ b/src/components/pages/blog/slug/index.tsx
@@ -16,7 +16,7 @@ export default function Main() {
 
     return (
         <Section>
-            <Stack className="w-full max-w-full xl:max-w-[800px]">
+            <Stack className="w-full max-w-full xl:max-w-[800px] overflow-auto">
                 {/* <Divider dashed className="border-[2px] my-6" /> */}
                 <Stack className="gap-1">
                     <H1 className="leading-snug mb-1">{blogPost?.title}</H1>
diff --git a/src/styles/globals.css b/src/styles/globals.css
index a0fde94..261070c 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -93,7 +93,7 @@
 
 .markdown-rendered pre {
     @apply w-full p-10 border border-solid dark:border-white/20;
-    @apply rounded-default my-6;
+    @apply rounded-default my-6 max-w-[90vw] md:max-w-[80vw] xl:max-w-[800px] overflow-auto;
 }
 
 .markdown-rendered a {