From 985859f1c3e6006c64beb06e53ef8e5b1b67e1be Mon Sep 17 00:00:00 2001
From: Konv Suu <2583695112@qq.com>
Date: Fri, 4 Jul 2025 12:57:17 +0800
Subject: [PATCH] feat(message-group): improve layout style (#7803)

---
 src/renderer/src/pages/home/Messages/MessageGroup.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/renderer/src/pages/home/Messages/MessageGroup.tsx b/src/renderer/src/pages/home/Messages/MessageGroup.tsx
index 9d0fb1c6f8..374b40d463 100644
--- a/src/renderer/src/pages/home/Messages/MessageGroup.tsx
+++ b/src/renderer/src/pages/home/Messages/MessageGroup.tsx
@@ -265,7 +265,7 @@ const GridContainer = styled(Scrollbar)<{ $count: number; $gridColumns: number }
   gap: 16px;
   &.horizontal {
     padding-bottom: 4px;
-    grid-template-columns: repeat(${({ $count }) => $count}, minmax(480px, 1fr));
+    grid-template-columns: repeat(${({ $count }) => $count}, minmax(0, 1fr));
     overflow-x: auto;
   }
   &.fold,
@@ -308,6 +308,7 @@ interface MessageWrapperProps {
 
 const MessageWrapper = styled.div<MessageWrapperProps>`
   &.horizontal {
+    padding-right: 1px;
     overflow-y: auto;
     .message {
       height: 100%;