diff --git a/packages/components/src/components/badge/badge.scss b/packages/components/src/components/badge/badge.scss index 4b1f348d7acf..3ae40a405fe2 100644 --- a/packages/components/src/components/badge/badge.scss +++ b/packages/components/src/components/badge/badge.scss @@ -55,6 +55,12 @@ inline-size: fit-content; font-weight: 700; + // I added a minimum inline size, especially for single-character content, to ensure that it won't be any narrower than a circle. + &:not(:empty) { + min-inline-size: calc(1.4em - 2 * #{variables.$db-spacing-fixed-2xs}); + box-sizing: content-box; + } + &:has(.db-icon) { padding: variables.$db-spacing-fixed-3xs; }