From 28bc85f5f535bd834696eef15e7219c42af39825 Mon Sep 17 00:00:00 2001
From: Innei <i@innei.in>
Date: Sun, 11 Feb 2024 21:12:23 +0800
Subject: [PATCH] fix: react render component style

Signed-off-by: Innei <i@innei.in>
---
 src/components/modules/shared/CodeBlock.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/modules/shared/CodeBlock.tsx b/src/components/modules/shared/CodeBlock.tsx
index a5726261f6..e7f8d3ba16 100644
--- a/src/components/modules/shared/CodeBlock.tsx
+++ b/src/components/modules/shared/CodeBlock.tsx
@@ -43,7 +43,11 @@ export const CodeBlockRender = (props: {
         return <ExcalidrawLazy data={props.content} />
       }
       case 'component': {
-        return <ReactComponentRender dls={props.content} />
+        return (
+          <div className="not-prose my-4">
+            <ReactComponentRender dls={props.content} />
+          </div>
+        )
       }
       default: {
         const HighLighter = dynamic(() =>