From c8f4766cebae3fd30db2589a4beb6ab3f4219581 Mon Sep 17 00:00:00 2001
From: CatsJuice <wp1298554944@hotmail.com>
Date: Wed, 7 Aug 2024 09:31:23 +0000
Subject: [PATCH] fix(component): center button's icon vertically (#7775)

close AF-1211
---
 packages/frontend/component/src/ui/button/button.css.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/frontend/component/src/ui/button/button.css.ts b/packages/frontend/component/src/ui/button/button.css.ts
index 196a0b4e9f..8133c6eacb 100644
--- a/packages/frontend/component/src/ui/button/button.css.ts
+++ b/packages/frontend/component/src/ui/button/button.css.ts
@@ -198,6 +198,8 @@ export const icon = style({
   // 2. width/height is set to `1em`
   fontSize: iconSizeVar,
   color: iconColorVar,
+  display: 'flex',
+  alignItems: 'center',
 });
 globalStyle(`${icon} > svg`, {
   width: '100%',