From e664bab2def2e4c7048a7d3b188cae607658a968 Mon Sep 17 00:00:00 2001
From: aaadavo-ai-agent <279991521+aaadavo-ai-agent@users.noreply.github.com>
Date: Fri, 13 Nov 2026 13:34:10 +1000
Subject: [PATCH] fix(web): widen docked model picker for long names

---
 apps/web/src/components/chat/ModelPickerContent.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/components/chat/ModelPickerContent.tsx b/apps/web/src/components/chat/ModelPickerContent.tsx
index f316f60e61f75..d5b67ec2b431b 100644
--- a/apps/web/src/components/chat/ModelPickerContent.tsx
+++ b/apps/web/src/components/chat/ModelPickerContent.tsx
@@ -842,8 +842,10 @@ export const ModelPickerContent = memo(function ModelPickerContent(props: {
       <div
         ref={pickerContentRef}
         className={cn(
-          "relative flex w-screen max-w-90 flex-row overflow-hidden",
-          props.docked ? "max-sm:h-56 max-sm:w-full max-sm:max-w-none" : "max-h-86.5",
+          "relative flex w-screen flex-row overflow-hidden",
+          props.docked
+            ? "max-w-[min(40rem,calc(100dvw-13rem))] max-sm:h-56 max-sm:w-full max-sm:max-w-none"
+            : "max-h-86.5 max-w-90",
         )}
         // Docked, the popup sets the height; a minimum here would overflow short windows.
         style={