From 72fe55ae72b665f34feb55ff95c7d0373c6c5a79 Mon Sep 17 00:00:00 2001
From: Nikhil Rao <nikhil@pynecone.io>
Date: Fri, 30 Jun 2023 13:16:30 -0700
Subject: [PATCH] Add default styles to markdown (#1284)

---
 reflex/components/typography/markdown.py | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/reflex/components/typography/markdown.py b/reflex/components/typography/markdown.py
index 377700647..7e50233d9 100644
--- a/reflex/components/typography/markdown.py
+++ b/reflex/components/typography/markdown.py
@@ -63,15 +63,15 @@ class Markdown(Component):
             ._render()
             .add_props(
                 components={
-                    "h1": "{({node, ...props}) => <Heading size='2xl' {...props} />}",
-                    "h2": "{({node, ...props}) => <Heading size='xl' {...props} />}",
-                    "h3": "{({node, ...props}) => <Heading size='lg' {...props} />}",
-                    "h4": "{({node, ...props}) => <Heading size='sm' {...props} />}",
-                    "h5": "{({node, ...props}) => <Heading size='xs' {...props} />}",
+                    "h1": "{({node, ...props}) => <Heading size='2xl' paddingY='0.5em' {...props} />}",
+                    "h2": "{({node, ...props}) => <Heading size='xl' paddingY='0.5em' {...props} />}",
+                    "h3": "{({node, ...props}) => <Heading size='lg' paddingY='0.5em' {...props} />}",
+                    "h4": "{({node, ...props}) => <Heading size='sm' paddingY='0.5em' {...props} />}",
+                    "h5": "{({node, ...props}) => <Heading size='xs' paddingY='0.5em' {...props} />}",
                     "ul": "{UnorderedList}",
                     "ol": "{OrderedList}",
                     "li": "{ListItem}",
-                    "p": "{Text}",
+                    "p": "{({node, ...props}) => <Text paddingY='0.5em' {...props} />}",
                     "a": "{Link}",
                     "code": """{({node, inline, className, children, ...props}) =>
                     {