From 33032cd311c268f94e371b128b7db77ee2ba8a52 Mon Sep 17 00:00:00 2001
From: Ryan Miller <aerilym@pm.me>
Date: Tue, 15 Oct 2024 14:02:09 +1100
Subject: [PATCH] fix: blog content alignment

---
 apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx       | 2 +-
 apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
index 679866b9..3c104dfa 100644
--- a/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
+++ b/apps/foundation/app/(Site)/blog/[slug]/BlogPost.tsx
@@ -37,7 +37,7 @@ export default async function BlogPost({ post }: PostProps) {
     .filter(Boolean);
 
   return (
-    <article className="mx-auto mb-32 mt-4 flex max-w-screen-xl flex-col">
+    <article className="mx-auto mb-32 mt-4 flex max-w-screen-xl flex-col items-start">
       <Link href={SANITY_SCHEMA_URL.POST} prefetch>
         <Button
           data-testid={ButtonDataTestId.Back_To_Blog}
diff --git a/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx b/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
index 6943f994..5f39438c 100644
--- a/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
+++ b/apps/foundation/app/(Site)/blog/[slug]/HeadingOutline.tsx
@@ -21,7 +21,7 @@ type HeadingOutlineProps = {
 
 export default function HeadingOutline({ title, headings }: HeadingOutlineProps) {
   return (
-    <nav className="wrap sticky top-12 mt-7 hidden h-max w-max max-w-[25vw] lg:block">
+    <nav className="wrap sticky top-12 hidden h-max w-max max-w-[25vw] lg:block">
       <Typography variant="h2" className="mb-3">
         {title}
       </Typography>
@@ -32,7 +32,7 @@ export default function HeadingOutline({ title, headings }: HeadingOutlineProps)
               onClick={() => {
                 scrollToHeading(heading);
               }}
-              className={cn(navlinkVariants({ active: false }), 'w-full text-wrap text-start')}
+              className={cn(navlinkVariants({ active: false }), 'w-max text-wrap text-start')}
             >
               {heading}
             </button>