diff --git a/packages/app/e2e/app/session.spec.ts b/packages/app/e2e/app/session.spec.ts
index 9adc07b2d..20da97870 100644
--- a/packages/app/e2e/app/session.spec.ts
+++ b/packages/app/e2e/app/session.spec.ts
@@ -101,6 +101,9 @@ test("session timeline visible content is not narrower than composer shell", asy
 
   await assertWidthContract()
 
+  await page.setViewportSize({ width: 893, height: 776 })
+  await assertWidthContract({ maxComposerColumn: 720 })
+
   await page.setViewportSize({ width: 1600, height: 1000 })
   await assertWidthContract({ maxComposerColumn: 920, minTimelineComposerDelta: 80 })
 })
diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx
index dc4f50505..b4952d5bb 100644
--- a/packages/app/src/pages/session/message-timeline.tsx
+++ b/packages/app/src/pages/session/message-timeline.tsx
@@ -1098,7 +1098,7 @@ export function MessageTimeline(props: {
               class="flex flex-col items-start justify-start pb-4 transition-[margin]"
               classList={{
                 "w-full": true,
-                "md:max-w-200 md:mx-auto 2xl:max-w-[1000px]": props.centered,
+                "md:max-w-[800px] md:mx-auto 2xl:max-w-[1000px]": props.centered,
                 "mt-0.5": props.centered,
                 "mt-0": !props.centered,
               }}
@@ -1139,7 +1139,7 @@ export function MessageTimeline(props: {
                       data-message-id={messageID}
                       classList={{
                         "min-w-0 w-full max-w-full": true,
-                        "md:max-w-200 2xl:max-w-[1000px]": props.centered,
+                        "md:max-w-[800px] 2xl:max-w-[1000px]": props.centered,
                       }}
                       style={{
                         "content-visibility": active() ? undefined : "auto",