From be0fb99683c9ab89140fa37457ee4f06d1542142 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=A3=E5=BC=BA?= <daiqianghaha@foxmail.com>
Date: Fri, 23 Aug 2024 17:52:21 +0800
Subject: [PATCH] fix: fix button vertical align with icon (#2440)

---
 packages/semi-foundation/button/button.scss     | 5 +++++
 packages/semi-foundation/button/iconButton.scss | 6 +++++-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/semi-foundation/button/button.scss b/packages/semi-foundation/button/button.scss
index 17ff13dbba..3dc272d6de 100644
--- a/packages/semi-foundation/button/button.scss
+++ b/packages/semi-foundation/button/button.scss
@@ -36,6 +36,11 @@ $module: #{$prefix}-button;
         }
     }
 
+    &-content{
+        display: flex;
+        align-items: center;
+    }
+
     &-danger {
         background-color: $color-button_danger-bg-default;
         color: $color-button_danger-text-default;
diff --git a/packages/semi-foundation/button/iconButton.scss b/packages/semi-foundation/button/iconButton.scss
index 4247ee2b21..e6750e8a34 100644
--- a/packages/semi-foundation/button/iconButton.scss
+++ b/packages/semi-foundation/button/iconButton.scss
@@ -60,12 +60,16 @@ $module: #{$prefix}-button;
 
         &-left {
             margin-right: $spacing-button_iconOnly_content-marginRight;
+            display: flex;
+            align-items: center;
         }
 
         &-right {
             margin-left: $spacing-button_iconOnly_content-marginLeft;
+            display: flex;
+            align-items: center;
         }
     }
 }
 
-@import "./rtl.scss";
\ No newline at end of file
+@import "./rtl.scss";