diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx
index 390872d36..379e715d6 100644
--- a/packages/desktop/src/pages/session.tsx
+++ b/packages/desktop/src/pages/session.tsx
@@ -630,7 +630,7 @@ export default function Page() {
@@ -654,7 +654,7 @@ export default function Page() {
container:
"w-full " +
(wide()
- ? "max-w-146 mx-auto px-6"
+ ? "max-w-[800px] mx-auto px-6"
: visibleUserMessages().length > 1
? "pr-6 pl-18"
: "px-6"),
@@ -690,7 +690,7 @@ export default function Page() {
-
+
{
inputRef = el
@@ -803,7 +803,7 @@ export default function Page() {
-
+
{
inputRef = el
diff --git a/packages/ui/src/components/session-message-rail.css b/packages/ui/src/components/session-message-rail.css
index 03f0bb3ef..0e7ab96a1 100644
--- a/packages/ui/src/components/session-message-rail.css
+++ b/packages/ui/src/components/session-message-rail.css
@@ -17,7 +17,7 @@
display: none;
}
-@container (min-width: 72rem) {
+@container (min-width: 84.75rem) {
[data-slot="session-message-rail-compact"] {
display: none;
}
@@ -32,7 +32,7 @@
[data-component="session-message-rail"][data-wide] [data-slot="session-message-rail-full"] {
margin-top: 0.125rem;
- left: calc(((100% - min(100%, 36.5rem)) / 2) - 1.5rem);
+ left: calc(((100% - min(100%, 800px)) / 2) - 1.5rem);
transform: translateX(-100%);
}
diff --git a/packages/ui/src/components/session-turn.css b/packages/ui/src/components/session-turn.css
index 4b8a44723..ba9f97ad2 100644
--- a/packages/ui/src/components/session-turn.css
+++ b/packages/ui/src/components/session-turn.css
@@ -27,6 +27,7 @@
align-items: flex-start;
align-self: stretch;
min-width: 0;
+ max-width: 800px;
gap: clamp(8px, calc(42px - var(--scroll-y) * 0.48), 42px);
overflow-anchor: none;
}