Fix some font scaling

src/layouts/BlogPost.astro

@@ -2,6 +2,7 @@
 import type { CollectionEntry } from 'astro:content';
 import RootLayout from '../layouts/RootLayout.astro';
 import FormattedDate from '../components/FormattedDate.astro';
+import NotchedBox from '../components/NotchedBox.astro';
 import { Image } from 'astro:assets';
 
 type Props = CollectionEntry<'blog'>['data'];
@@ -11,6 +12,7 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
 
 <RootLayout title={title} description={description}>
 		<main>
+      <NotchedBox fillNotches="left">
 			<article>
 				<div class="hero-image">
 					{heroImage && <Image width={1020} height={510} src={heroImage} alt="" />}
@@ -32,6 +34,7 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
 					</div>
 					<slot />
 				</div>
-			</article>
+      </article>
+    </NotchedBox>
 		</main>
 </RootLayout>