From 839defdd06f7aada28c174d2b80be47fd05e8623 Mon Sep 17 00:00:00 2001
From: Rei <rei.balla@tum.de>
Date: Wed, 18 Jan 2023 17:27:12 +0100
Subject: [PATCH] margin in code and pre tags

---
 components/StyledMarkdown.tsx | 2 +-
 styles/globals.css            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 0e466e1..a0f942c 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -12,7 +12,7 @@ import { Components } from "react-markdown";
 import { generateSlug } from "../utils/general";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { useEffect } from "react";
+
 SyntaxHighlighter.registerLanguage("tsx", tsx);
 SyntaxHighlighter.registerLanguage("typescript", typescript);
 SyntaxHighlighter.registerLanguage("scss", scss);
diff --git a/styles/globals.css b/styles/globals.css
index 2485337..ec65888 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -40,4 +40,8 @@ h2 > a:hover::before,
 h3 > a:hover::before,
 h4 > a:hover::before {
   @apply content-['#'] absolute -left-8 text-gray-300 dark:text-gray-600;
+}
+
+div > code, pre > code {
+  @apply p-0 m-0 !important
 }
\ No newline at end of file