From d39bcd9c55c4e56f412abf43d194538978a9f254 Mon Sep 17 00:00:00 2001
From: Adam <2363879+adamdotdevin@users.noreply.github.com>
Date: Mon, 24 Nov 2025 15:57:41 -0600
Subject: [PATCH] fix(desktop): layout

---
 packages/desktop/src/pages/session.tsx | 30 +++++++++++++++++++-------
 1 file changed, 22 insertions(+), 8 deletions(-)

diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx
index 84c7d64f2..028917e0b 100644
--- a/packages/desktop/src/pages/session.tsx
+++ b/packages/desktop/src/pages/session.tsx
@@ -338,14 +338,28 @@ export default function Page() {
                   <Match when={session.id}>
                     <div class="flex items-start justify-start h-full min-h-0">
                       <Show when={session.messages.user().length > 1}>
-                        <MessageNav
-                          classList={{ "mt-0.5 mr-3 absolute right-full": wide(), "mt-3 mr-8": !wide() }}
-                          messages={session.messages.user()}
-                          current={session.messages.active()}
-                          onMessageSelect={session.messages.setActive}
-                          size={wide() ? "normal" : "compact"}
-                          working={session.working()}
-                        />
+                        <>
+                          <MessageNav
+                            class="@6xl:hidden mt-3 mr-8"
+                            messages={session.messages.user()}
+                            current={session.messages.active()}
+                            onMessageSelect={session.messages.setActive}
+                            size="compact"
+                            working={session.working()}
+                          />
+                          <MessageNav
+                            classList={{
+                              "hidden @6xl:block": true,
+                              "mt-0.5 mr-3 absolute right-full": wide(),
+                              "mt-3 mr-8": !wide(),
+                            }}
+                            messages={session.messages.user()}
+                            current={session.messages.active()}
+                            onMessageSelect={session.messages.setActive}
+                            size={wide() ? "normal" : "compact"}
+                            working={session.working()}
+                          />
+                        </>
                       </Show>
                       <SessionTurn
                         sessionID={session.id!}