fix(ui5-button-badge): fix vertical align (#11763)

tsanislavgatev · web-flow · commit b89c557146c9 · 2025-06-20T13:58:25.000+03:00
Before: image After: image fixes: #11616
diff --git a/packages/main/src/themes/ButtonBadge.css b/packages/main/src/themes/ButtonBadge.css
@@ -6,6 +6,8 @@
 	color: var(--sapContent_BadgeTextColor);
 	height: 1rem;
 	border-radius: 0.5rem;
+	display: flex;
+	align-items: center;
 }
 
 :host([design="AttentionDot"]) [ui5-tag]::part(root) {

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,8 @@`
`6`	`6`	`color: var(--sapContent_BadgeTextColor);`
`7`	`7`	`height: 1rem;`
`8`	`8`	`border-radius: 0.5rem;`
	`9`	`+ display: flex;`
	`10`	`+ align-items: center;`
`9`	`11`	`}`
`10`	`12`
`11`	`13`	`:host([design="AttentionDot"]) [ui5-tag]::part(root) {`