Fix Button loading icon vertical alignment issue

Co-authored-by: li-jia-nan <49217418+li-jia-nan@users.noreply.github.com>
Initial plan
2026-02-15 13:59:19 +08:00 · 2026-02-12 08:54:20 +00:00 · 2026-02-12 08:44:30 +00:00
1 changed files with 7 additions and 0 deletions
--- a/components/button/style/index.ts
+++ b/components/button/style/index.ts
@@ -84,6 +84,13 @@ const genSharedButtonStyle: GenerateStyle<ButtonToken, CSSObject> = (token): CSS
          .join(','),
      },

+      // Reset vertical-align for icons in flexbox context to ensure proper centering
+      [`${componentCls}-icon`]: {
+        '> svg': {
+          verticalAlign: 'middle',
+        },
+      },
+
      // iconPlacement
      [`&:not(${componentCls}-icon-end)`]: {
        [`${componentCls}-loading-icon-motion`]: {
Author	SHA1	Message	Date
copilot-swe-agent[bot]	f445c3026f	Fix Button loading icon vertical alignment issue Co-authored-by: li-jia-nan <49217418+li-jia-nan@users.noreply.github.com>	2026-02-12 08:54:20 +00:00
copilot-swe-agent[bot]	7515c7df4e	Initial plan	2026-02-12 08:44:30 +00:00