From 7ba8e2077a5d39181a4e6018a8c01f2738614969 Mon Sep 17 00:00:00 2001
From: Alexander Jung <alex@unikraft.io>
Date: Mon, 8 Jan 2024 13:40:52 +0100
Subject: [PATCH] fix(components): Better handling of prose in page container

Signed-off-by: Alexander Jung <alex@unikraft.io>
---
 src/components/page-container.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/page-container.tsx b/src/components/page-container.tsx
index dfa622bc..a3265ddf 100644
--- a/src/components/page-container.tsx
+++ b/src/components/page-container.tsx
@@ -152,7 +152,7 @@ function PageContainer(props: PageContainerProps) {
                   }}
                   p={{ base: '4', sm: '6', xl: '8' }}
                 >
-                  <Box>
+                  <Box className="prose">
                     {image && (
                       <Image
                         src={image}
@@ -167,18 +167,18 @@ function PageContainer(props: PageContainerProps) {
                       {convertBackticksToInlineCode(description)}
                     </chakra.h3>
                     {children}
-                    <Box
-                      mt='40px'
-                      pt='30px'
-                      borderTop={'solid 1px'}
-                      borderColor={'slate.300'}
-                      _dark={{
-                        borderColor: 'gray.700',
-                      }}
-                    >
-                      <Box>{editUrl && <EditPageLink href={editUrl} />}</Box>
-                      {pagination || null}
-                    </Box>
+                  </Box>
+                  <Box
+                    mt='40px'
+                    pt='30px'
+                    borderTop={'solid 1px'}
+                    borderColor={'slate.300'}
+                    _dark={{
+                      borderColor: 'gray.700',
+                    }}
+                  >
+                    <Box>{editUrl && <EditPageLink href={editUrl} />}</Box>
+                    {pagination || null}
                   </Box>
                 </Box>
                 {!hideToc && (