fix: nowrap input prefixes [INS-2039] (Kong#9620)

ryan-willis · web-flow · commit adccc9f13b95 · 2026-01-30T17:03:58.000-07:00
diff --git a/packages/insomnia/src/ui/components/base/input.tsx b/packages/insomnia/src/ui/components/base/input.tsx
@@ -50,7 +50,7 @@ export const Input = ({
             )}
           >
             {prefix && (
-              <span className="flex h-full items-center border-r border-(--hl-sm) bg-(--hl-xs) px-2 text-sm text-(--hl)">
+              <span className="flex h-full shrink-0 items-center whitespace-nowrap border-r border-(--hl-sm) bg-(--hl-xs) px-2 text-sm text-(--hl)">
                 {prefix}
               </span>
             )}

Original file line number	Diff line number	Diff line change
`@@ -50,7 +50,7 @@ export const Input = ({`
`50`	`50`	`)}`
`51`	`51`	`>`
`52`	`52`	`{prefix && (`
`53`		`- <span className="flex h-full items-center border-r border-(--hl-sm) bg-(--hl-xs) px-2 text-sm text-(--hl)">`
	`53`	`+ <span className="flex h-full shrink-0 items-center whitespace-nowrap border-r border-(--hl-sm) bg-(--hl-xs) px-2 text-sm text-(--hl)">`
`54`	`54`	`{prefix}`
`55`	`55`	`</span>`
`56`	`56`	`)}`