remove margin from markdown hr

src/components/markdown/markdown.module.css

@@ -15,3 +15,11 @@
 .markdown ul {
   padding-left: 40px;
 }
+
+.hrWrapper {
+  padding: 0.5em 0;
+}
+
+.hrWrapper hr {
+  margin: 0;
+}

src/components/markdown/markdown.tsx

@@ -67,6 +67,11 @@ const Markdown = ({ content }: MarkdownProps) => {
           video: ({ src }) => <span>{src}</span>,
           iframe: ({ src }) => <span>{src}</span>,
           source: ({ src }) => <span>{src}</span>,
+          hr: () => (
+            <div className={styles.hrWrapper}>
+              <hr />
+            </div>
+          ),
         }}
       />
     </span>