Bug 1506: Badges narrower than their height break pill shape (#1507)

eremannisto · web-flow · commit ed066f0bc740 · 2026-03-23T05:38:47.000Z
diff --git a/.changeset/dirty-cats-hide.md b/.changeset/dirty-cats-hide.md
@@ -0,0 +1,5 @@
+---
+"@keystar/ui": patch
+---
+
+Fix badges below below `24px` breaking the pill shape
diff --git a/design-system/pkg/src/badge/Badge.tsx b/design-system/pkg/src/badge/Badge.tsx
@@ -71,7 +71,7 @@ export const Badge: ForwardRefExoticComponent<
       backgroundColor={bg}
       borderRadius="full"
       height="element.small"
-      minWidth={0}
+      minWidth="element.small"
       paddingX="regular"
       // layout
       alignItems="center"

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@keystar/ui": patch
 +---
++
 +Fix badges below below `24px` breaking the pill shape