From 5fd797debf0594a28891e593ba4eb7f4e30be99f Mon Sep 17 00:00:00 2001
From: MichaelSun48 <michael.sun@sentry.io>
Date: Mon, 6 Jan 2025 22:36:19 -0800
Subject: [PATCH] fix tab line height, remove unnecessary file

---
 .../issueList/issueViews/editableTabTitle.tsx  |  2 ++
 .../issueViews/issueViewQueryCount.tsx         |  0
 .../issueList/issueViews/issueViewTab.tsx      | 18 ++++++++++--------
 3 files changed, 12 insertions(+), 8 deletions(-)
 delete mode 100644 static/app/views/issueList/issueViews/issueViewQueryCount.tsx

diff --git a/static/app/views/issueList/issueViews/editableTabTitle.tsx b/static/app/views/issueList/issueViews/editableTabTitle.tsx
index bde64d6ef282bd..396bf55a4eeb8a 100644
--- a/static/app/views/issueList/issueViews/editableTabTitle.tsx
+++ b/static/app/views/issueList/issueViews/editableTabTitle.tsx
@@ -144,6 +144,7 @@ const UnselectedTabTitle = styled('div')<{isSelected: boolean}>`
   text-overflow: ellipsis;
   padding-right: 1px;
   cursor: pointer;
+  line-height: 1.45;
 `;
 
 const StyledGrowingInput = styled(GrowingInput)<{
@@ -160,6 +161,7 @@ const StyledGrowingInput = styled(GrowingInput)<{
   text-overflow: ellipsis;
   cursor: text;
   max-width: 325px;
+  line-height: 1.5;
 
   &,
   &:focus,
diff --git a/static/app/views/issueList/issueViews/issueViewQueryCount.tsx b/static/app/views/issueList/issueViews/issueViewQueryCount.tsx
deleted file mode 100644
index e69de29bb2d1d6..00000000000000
diff --git a/static/app/views/issueList/issueViews/issueViewTab.tsx b/static/app/views/issueList/issueViews/issueViewTab.tsx
index 4751bb5d5ca846..08e7d1e9ba96c4 100644
--- a/static/app/views/issueList/issueViews/issueViewTab.tsx
+++ b/static/app/views/issueList/issueViews/issueViewTab.tsx
@@ -155,14 +155,16 @@ export function IssueViewTab({
         }
       />
       {!queryCountLoading && queryCount && (
-        <QueryCountBadge>
-          <QueryCount
-            count={queryCount?.[view.query]}
-            max={TAB_MAX_COUNT}
-            hideIfEmpty={false}
-            hideParens
-          />
-        </QueryCountBadge>
+        <motion.div>
+          <QueryCountBadge>
+            <QueryCount
+              count={queryCount?.[view.query]}
+              max={TAB_MAX_COUNT}
+              hideIfEmpty={false}
+              hideParens
+            />
+          </QueryCountBadge>
+        </motion.div>
       )}
       {/* If tablistState isn't initialized, we want to load the elipsis menu
           for the initial tab, that way it won't load in a second later