From a1e44a6827b6d5bd8433fdcacd2da249119a5bcf Mon Sep 17 00:00:00 2001
From: kangfenmao <kangfenmao@qq.com>
Date: Sat, 13 Dec 2025 23:16:46 +0800
Subject: [PATCH] fix: adjust marginRight calculation in Chat component for
 improved layout

Updated the marginRight property in the Chat component to include the border width when the topic position is 'right' and topics are shown. This change enhances the layout by ensuring proper spacing in the UI.
---
 src/renderer/src/pages/home/Chat.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/home/Chat.tsx b/src/renderer/src/pages/home/Chat.tsx
index 45cbc45f4d..01bd12377c 100644
--- a/src/renderer/src/pages/home/Chat.tsx
+++ b/src/renderer/src/pages/home/Chat.tsx
@@ -180,7 +180,8 @@ const Chat: FC<Props> = (props) => {
       <HStack>
         <motion.div
           animate={{
-            marginRight: topicPosition === 'right' && showTopics ? 'var(--assistants-width)' : 0
+            marginRight:
+              topicPosition === 'right' && showTopics ? 'calc(var(--assistants-width) + var(--border-width))' : 0
           }}
           transition={{ duration: 0.3, ease: 'easeInOut' }}
           style={{ flex: 1, display: 'flex', minWidth: 0 }}>