Merge pull request #71 from oxen-io/dev

STF Hotfix: macOS Safari blog rendering issues
oxen-io · Oct 15, 2024 · a6fd9e5 · a6fd9e5
2 parents 2782bde + 4ee8a2d
commit a6fd9e5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git 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 items-start">
+    <article className="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}
@@ -51,12 +51,12 @@ export default async function BlogPost({ post }: PostProps) {
         </Button>
       </Link>
       <PostInfoBlock
-        className="w-full"
+        className="h-max w-full"
         postInfo={post}
         renderWithPriority
         mobileImagePosition="below"
       />
-      <div className="mt-6 flex flex-row justify-center gap-12 md:mt-12">
+      <div className="mt-6 flex h-max flex-row justify-center gap-12 md:mt-12">
         <PortableText
           body={body}
           className={cn(headings.length && 'max-w-screen-md')}