From 66d0beba6fa6751bd093a95c0288be97b4f36bef Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Sat, 7 Mar 2026 05:45:24 -0600
Subject: [PATCH] fix(app): fix max-width on timeline

---
 .../src/pages/session/composer/session-composer-region.tsx    | 2 +-
 packages/app/src/pages/session/message-timeline.tsx           | 4 ++--
 packages/app/src/pages/session/session-timeline-header.tsx    | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/app/src/pages/session/composer/session-composer-region.tsx b/packages/app/src/pages/session/composer/session-composer-region.tsx
index 93ea3d465..18a02993b 100644
--- a/packages/app/src/pages/session/composer/session-composer-region.tsx
+++ b/packages/app/src/pages/session/composer/session-composer-region.tsx
@@ -140,7 +140,7 @@ export function SessionComposerRegion(props: {
       <div
         classList={{
           "w-full px-3 pointer-events-auto": true,
-          "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered,
+          "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
         }}
       >
         <Show when={props.state.questionRequest()} keyed>
diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx
index 938ff4fbd..f0c7573f6 100644
--- a/packages/app/src/pages/session/message-timeline.tsx
+++ b/packages/app/src/pages/session/message-timeline.tsx
@@ -417,7 +417,7 @@ export function MessageTimeline(props: {
               style={{ "padding-top": "var(--session-title-height)" }}
               classList={{
                 "w-full": true,
-                "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered,
+                "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
                 "mt-0.5": props.centered,
                 "mt-0": !props.centered,
               }}
@@ -472,7 +472,7 @@ export function MessageTimeline(props: {
                       }}
                       classList={{
                         "min-w-0 w-full max-w-full": true,
-                        "md:max-w-200 2xl:max-w-[1000px]": props.centered,
+                        "md:max-w-[500px] 2xl:max-w-[700px]": props.centered,
                       }}
                     >
                       <Show when={commentCount() > 0}>
diff --git a/packages/app/src/pages/session/session-timeline-header.tsx b/packages/app/src/pages/session/session-timeline-header.tsx
index fcddb38a4..d10fe1a27 100644
--- a/packages/app/src/pages/session/session-timeline-header.tsx
+++ b/packages/app/src/pages/session/session-timeline-header.tsx
@@ -404,7 +404,7 @@ export function SessionTimelineHeader(props: {
             "w-full": true,
             "pb-10": true,
             "px-4 md:px-5": true,
-            "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered,
+            "md:max-w-[500px] md:mx-auto 2xl:max-w-[700px]": props.centered,
           }}
         >
           <div class="pointer-events-auto h-12 w-full flex items-center justify-between gap-2">