fix(badge): text not centered

ant-design · Apr 24, 2024 · 6ec16c1 · 6ec16c1
1 parent 11a160c
commit 6ec16c1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/components/badge/style/index.ts b/components/badge/style/index.ts
@@ -136,6 +136,8 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token) => {
       lineHeight: 1,
 
       [`${componentCls}-count`]: {
+        display: 'inline-flex',
+        justifyContent: 'center',
         zIndex: token.indicatorZIndex,
         minWidth: indicatorHeight,
         height: indicatorHeight,
@@ -144,7 +146,6 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token) => {
         fontSize: textFontSize,
         lineHeight: unit(indicatorHeight),
         whiteSpace: 'nowrap',
-        textAlign: 'center',
         background: token.badgeColor,
         borderRadius: calc(indicatorHeight).div(2).equal(),
         boxShadow: `0 0 0 ${unit(badgeShadowSize)} ${token.badgeShadowColor}`,