From 5fe08b5ec8fa9d731eab7cc2121e9c0eb18e8750 Mon Sep 17 00:00:00 2001
From: WanQuanXie <i2cherry941219@gmail.com>
Date: Tue, 28 May 2024 12:45:19 +0800
Subject: [PATCH] update(MessageBox): parsed markdown message render style fix

---
 ui/components/MessageBox.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/components/MessageBox.tsx b/ui/components/MessageBox.tsx
index 8e1eb56..a08d2a7 100644
--- a/ui/components/MessageBox.tsx
+++ b/ui/components/MessageBox.tsx
@@ -106,7 +106,12 @@ const MessageBox = ({
                   Answer
                 </h3>
               </div>
-              <Markdown className="prose dark:prose-invert prose-strong:text-black dark:prose-strong:text-white prose-code:text-black dark:prose-code:text-white max-w-none break-words prose-invert prose-p:leading-relaxed prose-pre:p-0 text-black dark:text-white text-sm md:text-base font-medium">
+              <Markdown
+                className={cn(
+                  'prose dark:prose-invert prose-p:leading-relaxed prose-pre:p-0',
+                  'max-w-none break-words text-black dark:text-white text-sm md:text-base font-medium',
+                )}
+              >
                 {parsedMessage}
               </Markdown>
               {loading && isLast ? null : (