From 007daa71616268b0e741e7a890b319401e49a81e Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 29 Jul 2024 13:32:01 +0700
Subject: [PATCH] chore: set container max width for chat message and new hub
 screen (#3213)

---
 web/screens/HubScreen2/index.tsx                              | 4 ++--
 .../Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx      | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/screens/HubScreen2/index.tsx b/web/screens/HubScreen2/index.tsx
index a6b839562..d800df2e9 100644
--- a/web/screens/HubScreen2/index.tsx
+++ b/web/screens/HubScreen2/index.tsx
@@ -70,7 +70,7 @@ const HubScreen2: React.FC = () => {
         {query.length > 0 ? (
           <HubScreenFilter queryText={query} />
         ) : (
-          <Fragment>
+          <div className="mx-auto max-w-6xl">
             <Slider />
             <div data-testid="hub-search-bar" className="mx-4 px-4 md:px-12">
               <Filter
@@ -102,7 +102,7 @@ const HubScreen2: React.FC = () => {
                   />
                 ))}
             </div>
-          </Fragment>
+          </div>
         )}
       </ScrollArea>
     </CenterPanelContainer>
diff --git a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
index 251d4589b..45b763fb7 100644
--- a/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
+++ b/web/screens/Thread/ThreadCenterPanel/SimpleTextMessage/index.tsx
@@ -160,7 +160,7 @@ const SimpleTextMessage: React.FC<Props> = ({ isLatestMessage, msg }) => {
   }, [msg.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',