Pad composer model picker to prevent ring clipping (#1992)

juliusmarminge · juliusmarminge · commit cc47a4ff28b4 · 2026-04-13T14:44:02.000-07:00
diff --git a/apps/web/src/components/chat/ChatComposer.tsx b/apps/web/src/components/chat/ChatComposer.tsx
@@ -1902,7 +1902,7 @@ export const ChatComposer = memo(
                   isComposerFooterCompact ? "gap-1.5" : "gap-2 sm:gap-0",
                 )}
               >
-                <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
+                <div className="-m-1 flex min-w-0 flex-1 items-center gap-1 overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
                   <ProviderModelPicker
                     compact={isComposerFooterCompact}
                     provider={selectedProvider}

Original file line number	Diff line number	Diff line change
`@@ -1902,7 +1902,7 @@ export const ChatComposer = memo(`
`1902`	`1902`	`isComposerFooterCompact ? "gap-1.5" : "gap-2 sm:gap-0",`
`1903`	`1903`	`)}`
`1904`	`1904`	`>`
`1905`		`- <div className="flex min-w-0 flex-1 items-center gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">`
	`1905`	`+ <div className="-m-1 flex min-w-0 flex-1 items-center gap-1 overflow-x-auto p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">`
`1906`	`1906`	`<ProviderModelPicker`
`1907`	`1907`	`compact={isComposerFooterCompact}`
`1908`	`1908`	`provider={selectedProvider}`