diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
index 26aa7c892..abbe6db43 100644
--- a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -145,7 +145,7 @@ const SimpleTextMessage: React.FC<ThreadMessage> = (props) => {
   }, [props.content])
 
   return (
-    <div className="group relative mx-auto p-4">
+    <div className="group relative mx-auto max-w-[700px] p-4">
       <div
         className={twMerge(
           'mb-2 flex items-center justify-start gap-x-2',