diff --git a/frontend/src/layout/navigation-3000/components/TopBar.scss b/frontend/src/layout/navigation-3000/components/TopBar.scss
index 6273642ace3..b797fd97bf2 100644
--- a/frontend/src/layout/navigation-3000/components/TopBar.scss
+++ b/frontend/src/layout/navigation-3000/components/TopBar.scss
@@ -155,7 +155,6 @@
 
 .TopBar3000__actions {
     display: flex;
-    flex-grow: 1;
     gap: 0.5rem;
     align-items: center;
     justify-content: flex-end;
diff --git a/frontend/src/layout/navigation-3000/components/TopBar.tsx b/frontend/src/layout/navigation-3000/components/TopBar.tsx
index 6b75acde802..4a517139b00 100644
--- a/frontend/src/layout/navigation-3000/components/TopBar.tsx
+++ b/frontend/src/layout/navigation-3000/components/TopBar.tsx
@@ -102,7 +102,9 @@ export function TopBar(): JSX.Element | null {
                     )}
                     <Here breadcrumb={breadcrumbs[breadcrumbs.length - 1]} isOnboarding={isOnboarding} />
                 </div>
-                <MetalyticsSummary />
+                <div className="shrink-1">
+                    <MetalyticsSummary />
+                </div>
                 <div className="TopBar3000__actions border-danger" ref={setActionsContainer} />
             </div>
         </div>