From c1349205c91db4885b65639e04b27975e6448ffe Mon Sep 17 00:00:00 2001
From: Violet Rosenzweig <rosenzweig.violet@gmail.com>
Date: Fri, 21 Nov 2025 16:22:14 -0500
Subject: [PATCH] fix(ui): app header overflow on mobile

If the step nav's content is too long, then it will overflow the screen on mobile devices. Instead, this portion of the header should grow and shrink as needed, forcing the step nav to scroll if necessary.
---
 packages/ui/src/elements/AppHeader/index.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/src/elements/AppHeader/index.scss b/packages/ui/src/elements/AppHeader/index.scss
index 122bc6fa39a..28b8958d895 100644
--- a/packages/ui/src/elements/AppHeader/index.scss
+++ b/packages/ui/src/elements/AppHeader/index.scss
@@ -91,8 +91,8 @@
     &__controls-wrapper {
       display: flex;
       align-items: center;
-      flex-grow: 1;
-      width: 100%;
+      flex: 1;
+      min-width: 0;
     }
 
     &__step-nav-wrapper {