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%;