diff --git a/.changeset/ten-poets-trade.md b/.changeset/ten-poets-trade.md new file mode 100644 index 0000000000..530047a747 --- /dev/null +++ b/.changeset/ten-poets-trade.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Adjusted the gap inside the badge. diff --git a/packages/styles/src/variables/components/_badge.scss b/packages/styles/src/variables/components/_badge.scss index f852b2a513..6357e74ace 100644 --- a/packages/styles/src/variables/components/_badge.scss +++ b/packages/styles/src/variables/components/_badge.scss @@ -11,7 +11,7 @@ // Design System custom variables $badge-height: button.$btn-height-rg; -$badge-gap: spacing.$size-regular; +$badge-gap: spacing.$size-mini; $badge-border-color: var(--post-gray-60); $badge-border-width: commons.$border-thick; $badge-transition: color 250ms, background-color 250ms, border-color 250ms; @@ -21,7 +21,7 @@ $badge-active-color: color.$black; $badge-active-bg-color: color.$yellow; $badge-height-sm: button.$btn-height-sm; -$badge-gap-sm: spacing.$size-small-regular; +$badge-gap-sm: sizing.px-to-rem(6px); $badge-font-size-sm: type.$font-size-tiny; $badge-nested-height: sizing.px-to-rem(22px);