From 5e866c81396a5a08d23298090bbcb91e6ef2cd8d Mon Sep 17 00:00:00 2001
From: Zack Alvey <zack.alvey@gmail.com>
Date: Fri, 13 Mar 2026 17:02:09 -0600
Subject: [PATCH 1/3] Update _utils.scss

---
 frontend/web/styles/project/_utils.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/web/styles/project/_utils.scss b/frontend/web/styles/project/_utils.scss
index 2eb95fa53cf6..2532037c05e7 100644
--- a/frontend/web/styles/project/_utils.scss
+++ b/frontend/web/styles/project/_utils.scss
@@ -167,7 +167,7 @@
     font-size: 10px;
     cursor: pointer;
     position: relative;
-    bottom: -1px;
+    bottom: 9px;
 }
 
 .justify-content-end {

From 8fadff48edede05a87c796ded3dea2f66d3ef844 Mon Sep 17 00:00:00 2001
From: Zack Alvey <zack.alvey@gmail.com>
Date: Mon, 23 Mar 2026 16:55:18 -0600
Subject: [PATCH 2/3] Removed tab-nav-full flex override so tab can adjust with
 badge applied

---
 frontend/web/components/navigation/TabMenu/Tabs.tsx | 4 ++--
 frontend/web/styles/components/_tabs.scss           | 4 +---
 frontend/web/styles/project/_utils.scss             | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/web/components/navigation/TabMenu/Tabs.tsx b/frontend/web/components/navigation/TabMenu/Tabs.tsx
index 71ea4bf01e37..66264e891437 100644
--- a/frontend/web/components/navigation/TabMenu/Tabs.tsx
+++ b/frontend/web/components/navigation/TabMenu/Tabs.tsx
@@ -138,7 +138,7 @@ const Tabs: React.FC<TabsProps> = ({
       >
         <div
           ref={itemsContainerRef}
-          className={classNames('d-flex align-items-center flex-1', 'gap-2', {
+          className={classNames('justify-content-evenly','d-flex align-items-center flex-1', 'gap-2', {
             'opacity-0': isMeasuring,
           })}
         >
@@ -148,7 +148,7 @@ const Tabs: React.FC<TabsProps> = ({
               <TabButton
                 key={`button-${i}`}
                 isSelected={isSelected}
-                className={canGrow ? 'tab-nav-full' : ''}
+                className={''}
                 noFocus={noFocus}
                 onClick={(e: React.MouseEvent<HTMLButtonElement>) =>
                   handleChange(
diff --git a/frontend/web/styles/components/_tabs.scss b/frontend/web/styles/components/_tabs.scss
index aa767187f230..cf2c770ef521 100644
--- a/frontend/web/styles/components/_tabs.scss
+++ b/frontend/web/styles/components/_tabs.scss
@@ -64,9 +64,7 @@
 }
 
 .tabs-nav {
-  .tab-nav-full {
-    flex: 1 !important;
-  }
+  
 
   position: relative;
   display: flex;
diff --git a/frontend/web/styles/project/_utils.scss b/frontend/web/styles/project/_utils.scss
index 2532037c05e7..2eb95fa53cf6 100644
--- a/frontend/web/styles/project/_utils.scss
+++ b/frontend/web/styles/project/_utils.scss
@@ -167,7 +167,7 @@
     font-size: 10px;
     cursor: pointer;
     position: relative;
-    bottom: 9px;
+    bottom: -1px;
 }
 
 .justify-content-end {

From 04ccde7a05c04c627ee47c3de475aa72adbcf9bb Mon Sep 17 00:00:00 2001
From: Zack Alvey <zack.alvey@gmail.com>
Date: Tue, 24 Mar 2026 10:55:11 -0600
Subject: [PATCH 3/3] Clean up className variables that are no longer used

---
 frontend/web/components/navigation/TabMenu/TabButton.tsx | 5 ++---
 frontend/web/components/navigation/TabMenu/Tabs.tsx      | 4 +---
 frontend/web/styles/components/_tabs.scss                | 2 --
 3 files changed, 3 insertions(+), 8 deletions(-)

diff --git a/frontend/web/components/navigation/TabMenu/TabButton.tsx b/frontend/web/components/navigation/TabMenu/TabButton.tsx
index 55344750b09d..a43d95599c1a 100644
--- a/frontend/web/components/navigation/TabMenu/TabButton.tsx
+++ b/frontend/web/components/navigation/TabMenu/TabButton.tsx
@@ -8,13 +8,12 @@ interface TabButtonProps {
   isSelected: boolean
   onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void
   buttonTheme?: string
-  className?: string
   child: React.ReactElement
   children: React.ReactNode
 }
 
 const TabButton = React.forwardRef<HTMLButtonElement | null, TabButtonProps>(
-  ({ buttonTheme, child, className, isSelected, noFocus, onClick }, ref) => {
+  ({ buttonTheme, child, isSelected, noFocus, onClick }, ref) => {
     return (
       <Button
         ref={ref as React.RefObject<HTMLButtonElement>}
@@ -25,7 +24,7 @@ const TabButton = React.forwardRef<HTMLButtonElement | null, TabButtonProps>(
         onClick={(e) => onClick?.(e)}
         className={`btn-tab px-2 ${noFocus ? 'btn-no-focus' : ''} ${
           isSelected ? ' tab-active' : ''
-        } ${className}`}
+        }`}
       >
         {child.props.tabLabel}
       </Button>
diff --git a/frontend/web/components/navigation/TabMenu/Tabs.tsx b/frontend/web/components/navigation/TabMenu/Tabs.tsx
index 66264e891437..136073e947e4 100644
--- a/frontend/web/components/navigation/TabMenu/Tabs.tsx
+++ b/frontend/web/components/navigation/TabMenu/Tabs.tsx
@@ -104,7 +104,6 @@ const Tabs: React.FC<TabsProps> = ({
     () => (disableOverflow ? [] : tabChildren.slice(visibleCount)),
     [tabChildren, visibleCount, disableOverflow],
   )
-  const canGrow = !isMeasuring && visibleCount === tabChildren.length
 
   const handleChange = useCallback(
     (e: React.MouseEvent<HTMLButtonElement>, tabLabel: string, i: number) => {
@@ -138,7 +137,7 @@ const Tabs: React.FC<TabsProps> = ({
       >
         <div
           ref={itemsContainerRef}
-          className={classNames('justify-content-evenly','d-flex align-items-center flex-1', 'gap-2', {
+          className={classNames('justify-content-evenly', 'd-flex align-items-center flex-1', 'gap-2', {
             'opacity-0': isMeasuring,
           })}
         >
@@ -148,7 +147,6 @@ const Tabs: React.FC<TabsProps> = ({
               <TabButton
                 key={`button-${i}`}
                 isSelected={isSelected}
-                className={''}
                 noFocus={noFocus}
                 onClick={(e: React.MouseEvent<HTMLButtonElement>) =>
                   handleChange(
diff --git a/frontend/web/styles/components/_tabs.scss b/frontend/web/styles/components/_tabs.scss
index cf2c770ef521..54ab103c8ec7 100644
--- a/frontend/web/styles/components/_tabs.scss
+++ b/frontend/web/styles/components/_tabs.scss
@@ -64,8 +64,6 @@
 }
 
 .tabs-nav {
-  
-
   position: relative;
   display: flex;
   flex-direction: row;