Attempts to fix the code scrolling

src/layouts/BlogPost.astro

@@ -41,7 +41,6 @@ const { slug, title, description, pubDate, updatedDate, heroImage, tags } = Astr
   }
 </style>
 <RootLayout title={title} description={description}>
-		<main>
   <NotchedBox fillNotches="left">
     <article class="h-entry">
       <div class="hero-image">
@@ -84,5 +83,4 @@ const { slug, title, description, pubDate, updatedDate, heroImage, tags } = Astr
       </div>
     </article>
   </NotchedBox>
-		</main>
 </RootLayout>

src/styles/global.css

@@ -176,6 +176,7 @@ code {
 pre {
   padding: 1.5em;
   border-radius: 8px;
+  overflow: scroll;
 }
 pre > code {
   all: unset;