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 71ea4bf01e37..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('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={canGrow ? 'tab-nav-full' : ''}
                 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..54ab103c8ec7 100644
--- a/frontend/web/styles/components/_tabs.scss
+++ b/frontend/web/styles/components/_tabs.scss
@@ -64,10 +64,6 @@
 }
 
 .tabs-nav {
-  .tab-nav-full {
-    flex: 1 !important;
-  }
-
   position: relative;
   display: flex;
   flex-direction: row;