diff --git a/.changeset/dirty-cats-hide.md b/.changeset/dirty-cats-hide.md new file mode 100644 index 000000000..7512fbcbc --- /dev/null +++ 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 index ffde34597..2160039c7 100644 --- 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"