From 2ba4e87fca2d924fd18f4ee900e461ab712e2de9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=E1=BA=A7n=20Quang=20Kh=C3=A1nh?=
 <53509652+Jiyur@users.noreply.github.com>
Date: Thu, 28 Aug 2025 19:28:53 +0700
Subject: [PATCH] fix(Tabs): tabs remove icon not align centered vertically
 (#54794)

Co-authored-by: Khanh Tran <quangkhanhdeveloper@gmail.com>
---
 components/tabs/style/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/components/tabs/style/index.ts b/components/tabs/style/index.ts
index 9488108ca3..fd783e5362 100644
--- a/components/tabs/style/index.ts
+++ b/components/tabs/style/index.ts
@@ -734,6 +734,7 @@ const genTabStyle: GenerateStyle<TabsToken, CSSObject> = (token: TabsToken) => {
 
       '&-remove': {
         flex: 'none',
+        lineHeight: 1,
         marginRight: {
           _skip_check_: true,
           value: token.calc(token.marginXXS).mul(-1).equal(),
@@ -779,6 +780,7 @@ const genTabStyle: GenerateStyle<TabsToken, CSSObject> = (token: TabsToken) => {
 
       [`& ${tabCls}-remove ${iconCls}`]: {
         margin: 0,
+        verticalAlign: 'middle',
       },
 
       [`${iconCls}:not(:last-child)`]: {