diff --git a/web/packages/teleport/src/Console/Tabs/TabItem.tsx b/web/packages/teleport/src/Console/Tabs/TabItem.tsx
index 13b875d0e1bdb..37e8e9512c92d 100644
--- a/web/packages/teleport/src/Console/Tabs/TabItem.tsx
+++ b/web/packages/teleport/src/Console/Tabs/TabItem.tsx
@@ -78,7 +78,7 @@ function fromProps({ theme, active }) {
 }
 
 const StyledTabItem = styled(Flex)`
-  max-width: 200px;
+  max-width: 450px;
   height: 100%;
   ${fromProps}
 `;
diff --git a/web/packages/teleport/src/Console/Tabs/Tabs.tsx b/web/packages/teleport/src/Console/Tabs/Tabs.tsx
index e0c68e6c54b77..e28f26f897455 100644
--- a/web/packages/teleport/src/Console/Tabs/Tabs.tsx
+++ b/web/packages/teleport/src/Console/Tabs/Tabs.tsx
@@ -67,7 +67,7 @@ export function Tabs(props: Props & { parties: stores.Parties }) {
           style={{
             flex: '1',
             flexBasis: '0',
-            flexGrow: '1',
+            flexGrow: '0',
           }}
         />
       );
diff --git a/web/packages/teleport/src/Console/Tabs/__snapshots__/Tabs.story.test.tsx.snap b/web/packages/teleport/src/Console/Tabs/__snapshots__/Tabs.story.test.tsx.snap
index 575050e157d16..7a6ada59092ab 100644
--- a/web/packages/teleport/src/Console/Tabs/__snapshots__/Tabs.story.test.tsx.snap
+++ b/web/packages/teleport/src/Console/Tabs/__snapshots__/Tabs.story.test.tsx.snap
@@ -66,7 +66,7 @@ exports[`render ConsoleTabs 1`] = `
   box-sizing: border-box;
   display: flex;
   align-items: center;
-  max-width: 200px;
+  max-width: 450px;
   height: 100%;
   border: none;
   border-right: 1px solid #0C143D;
@@ -86,7 +86,7 @@ exports[`render ConsoleTabs 1`] = `
   box-sizing: border-box;
   display: flex;
   align-items: center;
-  max-width: 200px;
+  max-width: 450px;
   height: 100%;
   border: none;
   border-right: 1px solid #0C143D;
@@ -175,7 +175,7 @@ exports[`render ConsoleTabs 1`] = `
   >
     <div
       class="c2"
-      style="flex: 1; flex-basis: 0px; flex-grow: 1;"
+      style="flex: 1; flex-basis: 0px; flex-grow: 0;"
     >
       <button
         class="c3"
@@ -209,7 +209,7 @@ exports[`render ConsoleTabs 1`] = `
     </div>
     <div
       class="c8"
-      style="flex: 1; flex-basis: 0px; flex-grow: 1;"
+      style="flex: 1; flex-basis: 0px; flex-grow: 0;"
     >
       <button
         class="c3"
@@ -243,7 +243,7 @@ exports[`render ConsoleTabs 1`] = `
     </div>
     <div
       class="c8"
-      style="flex: 1; flex-basis: 0px; flex-grow: 1;"
+      style="flex: 1; flex-basis: 0px; flex-grow: 0;"
     >
       <button
         class="c3"