From 156be69f356a7ecd91e1e1b362b421e96ee70dc8 Mon Sep 17 00:00:00 2001
From: Alex Golovanov <alex@appsmith.com>
Date: Wed, 5 Feb 2025 12:01:46 +0300
Subject: [PATCH] Adjust positioning of buttons in tab bar to align correctly

---
 .../ads/src/DismissibleTab/DismissibleTabBar.styles.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTabBar.styles.ts b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTabBar.styles.ts
index 1c9031cb66b..59ee5aa0aeb 100644
--- a/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTabBar.styles.ts
+++ b/app/client/packages/design-system/ads/src/DismissibleTab/DismissibleTabBar.styles.ts
@@ -41,11 +41,11 @@ export const PlusButtonContainer = styled.div<{ $showLeftBorder?: boolean }>`
   position: sticky;
   right: 0;
   border: none;
-  min-width: 32px;
+  min-width: 28px;
   min-height: 32px;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: end;
 
   ${({ $showLeftBorder }) => animatedLeftBorder($showLeftBorder ?? false)};
 `;