From dd2464be9ffaed153dcc5deba255137d49de98f1 Mon Sep 17 00:00:00 2001
From: mertmit <mertmit99@gmail.com>
Date: Mon, 2 Jan 2023 23:22:19 +0300
Subject: [PATCH] fix: close tab icon alignment

Signed-off-by: mertmit <mertmit99@gmail.com>
---
 .../nc-gui/pages/[projectType]/[projectId]/index/index.vue    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
index e2f0c33595..c5d731a633 100644
--- a/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
+++ b/packages/nc-gui/pages/[projectType]/[projectId]/index/index.vue
@@ -47,7 +47,7 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
         <a-tabs v-model:activeKey="activeTabIndex" class="nc-root-tabs" type="editable-card" @edit="onEdit">
           <a-tab-pane v-for="(tab, i) of tabs" :key="i">
             <template #tab>
-              <div class="flex items-center gap-2 max-w-[110px]" data-testid="nc-tab-title">
+              <div class="flex items-center gap-2" data-testid="nc-tab-title">
                 <div class="flex items-center">
                   <Icon
                     v-if="tab.meta?.icon"
@@ -146,6 +146,6 @@ function onEdit(targetKey: number, action: 'add' | 'remove' | string) {
 }
 
 :deep(.ant-tabs-tab-remove) {
-  @apply mt-[3px];
+  @apply flex mt-[2px];
 }
 </style>