From ababc9ae041e714a5fce95d812c4f0c95e5408cd Mon Sep 17 00:00:00 2001
From: TinTin <86914748+TinTinWinata@users.noreply.github.com>
Date: Thu, 16 Oct 2025 17:59:45 +0700
Subject: [PATCH] fix: reduce large margins between list items in answer
 rendering (#2058)

---
 frontend/src/conversation/ConversationBubble.module.css | 4 ++--
 frontend/src/conversation/ConversationBubble.tsx        | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/conversation/ConversationBubble.module.css b/frontend/src/conversation/ConversationBubble.module.css
index 4a8d3a12..0fce5a83 100644
--- a/frontend/src/conversation/ConversationBubble.module.css
+++ b/frontend/src/conversation/ConversationBubble.module.css
@@ -3,9 +3,9 @@
 }
 
 .list li:not(:first-child) {
-  margin-top: 1em;
+  margin-top: 0.5em;
 }
 
 .list li > .list {
-  margin-top: 1em;
+  margin-top: 0.5em;
 }
diff --git a/frontend/src/conversation/ConversationBubble.tsx b/frontend/src/conversation/ConversationBubble.tsx
index c050eb11..dca619a2 100644
--- a/frontend/src/conversation/ConversationBubble.tsx
+++ b/frontend/src/conversation/ConversationBubble.tsx
@@ -421,7 +421,7 @@ const ConversationBubble = forwardRef<
                       <Fragment key={index}>
                         {segment.type === 'text' ? (
                           <ReactMarkdown
-                            className="fade-in leading-normal break-words whitespace-pre-wrap"
+                            className="fade-in flex flex-col gap-3 leading-normal break-words whitespace-pre-wrap"
                             remarkPlugins={[remarkGfm, remarkMath]}
                             rehypePlugins={[rehypeKatex]}
                             components={{