From eff2174198309802fa778c174fec2ba94adaf34f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E3=82=B1=E3=82=A4=E3=83=A9?= Date: Mon, 16 Jun 2025 14:19:58 -0600 Subject: [PATCH] fix: prevent badge text wrapping (#18396) Closes https://github.com/coder/coder/issues/17927 --- site/src/components/Badge/Badge.tsx | 7 +++++-- 1 file changed, 5 insertions(+), 2 deletions(-) diff --git a/site/src/components/Badge/Badge.tsx b/site/src/components/Badge/Badge.tsx index 7c646615cb..3b2a5d5897 100644 --- a/site/src/components/Badge/Badge.tsx +++ b/site/src/components/Badge/Badge.tsx @@ -8,8 +8,11 @@ import { forwardRef } from "react"; import { cn } from "utils/cn"; const badgeVariants = cva( - `inline-flex items-center rounded-md border px-2 py-1 transition-colors - [&_svg]:pointer-events-none [&_svg]:pr-0.5 [&_svg]:py-0.5 [&_svg]:mr-0.5`, + ` + inline-flex items-center rounded-md border px-2 py-1 text-nowrap + transition-colors + [&_svg]:pointer-events-none [&_svg]:pr-0.5 [&_svg]:py-0.5 [&_svg]:mr-0.5 + `, { variants: { variant: {