diff --git a/pages/index.tsx b/pages/index.tsx
index 89283062..4364418f 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -38,8 +38,8 @@ const HomePage = () => {
         description={siteConfig.seo.description}
       />
       <PageContainer1>
-        <HStack alignItems="top" p="4">
-          <VStack alignItems="left" width={["100%", "100%", "70%", "70%"]}>
+        <HStack alignItems="top" p="4" spacing="3">
+          <VStack alignItems="left" width={["100%", "100%", "70%", "70%"]} spacing="3">
             <Card p="2">
               <Flex justifyContent="space-between" alignItems="center">
                 <HStack>
diff --git a/theme/markdown-render.ts b/theme/markdown-render.ts
index d065e8bc..df55f71b 100644
--- a/theme/markdown-render.ts
+++ b/theme/markdown-render.ts
@@ -56,7 +56,8 @@ export default function markdownRender(props) {
                 }
             },
             pre: {
-                margin: '1.6rem 0'
+                margin: '1.6rem 0',
+                fontSize: '.95rem'
             },
             a: {
                 textDecoration: 'underline !important'