diff --git a/web/screens/HubScreen2/index.tsx b/web/screens/HubScreen2/index.tsx
index a6b839562b..d800df2e9c 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 251d4589b5..45b763fb71 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',