From 869a34ca60155da724a2c9a1a28092ab615aa2b4 Mon Sep 17 00:00:00 2001
From: MichaelSun48 <michael.sun@sentry.io>
Date: Thu, 17 Oct 2024 13:25:44 -0700
Subject: [PATCH] Add layout animations back to tab dividers

---
 static/app/components/draggableTabs/draggableTabList.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/app/components/draggableTabs/draggableTabList.tsx b/static/app/components/draggableTabs/draggableTabList.tsx
index 7e16132e40deb1..d3c7b8d81ad962 100644
--- a/static/app/components/draggableTabs/draggableTabList.tsx
+++ b/static/app/components/draggableTabs/draggableTabList.tsx
@@ -247,7 +247,11 @@ function Tabs({
                 variant={tabVariant}
               />
             </TabItemWrap>
-            <TabDivider isVisible={isTabDividerVisible(item.key)} initial={false} />
+            <TabDivider
+              layout="position"
+              isVisible={isTabDividerVisible(item.key)}
+              initial={false}
+            />
           </Fragment>
         ))}
       </ReorderGroup>
@@ -353,6 +357,7 @@ function BaseDraggableTabList({
           </AddViewButton>
         </AddViewMotionWrapper>
         <TabDivider
+          layout="position"
           isVisible={
             defined(tempTab) &&
             state?.selectedKey !== TEMPORARY_TAB_KEY &&