diff --git a/frontend/src/components/Combobox.tsx b/frontend/src/components/Combobox.tsx index 4325b3ac..9cf34c78 100644 --- a/frontend/src/components/Combobox.tsx +++ b/frontend/src/components/Combobox.tsx @@ -220,7 +220,11 @@ export default function Combobox({ ? (placeholder ?? t("common.search", { defaultValue: "Search" })) : "" } - className="min-w-16 flex-1 bg-transparent px-1 py-0.5 text-sm outline-hidden placeholder:text-muted/60" + // min-w-8 (not -16): flex line-packing sizes the input at its MIN-width, so a wide 64px floor + // made a single chip + the reserved input + the chevron overflow a narrow rail field — wrapping + // the chevron to a second line while the (empty) input filled the first. A small floor keeps the + // chip + input + chevron on one line; flex-1 still grows the input to fill whatever room is left. + className="min-w-8 flex-1 bg-transparent px-1 py-0.5 text-sm outline-hidden placeholder:text-muted/60" />