diff --git a/web/components/chat/chat-message.tsx b/web/components/chat/chat-message.tsx
index 5cc6063..2087679 100644
--- a/web/components/chat/chat-message.tsx
+++ b/web/components/chat/chat-message.tsx
@@ -59,7 +59,7 @@ export const ChatMessageItem = memo(function ChatMessageItem(props: {
           userId={id}
         />
       )}
-      <Col className="@sm:max-w-[calc(100vw-6rem)] @md:max-w-[80%] max-w-[calc(100vw-2rem)]">
+      <Col className="sm:max-w-[calc(100vw-6rem)] md:max-w-[70%]">
         {firstOfUser && !isMe && chat.visibility !== 'system_status' && (
           <Row className={'items-center gap-3'}>
             <Link