From b1ce3edf287a9cc1987d52dbaea8604c7d767b01 Mon Sep 17 00:00:00 2001
From: Manav Rathi <manav@mnvr.in>
Date: Tue, 1 Apr 2025 12:00:49 +0530
Subject: [PATCH] Graceful deg

---
 web/packages/base/components/RowButton.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/packages/base/components/RowButton.tsx b/web/packages/base/components/RowButton.tsx
index ba92c0e3ba..8ac737ef65 100644
--- a/web/packages/base/components/RowButton.tsx
+++ b/web/packages/base/components/RowButton.tsx
@@ -243,7 +243,11 @@ export const RowButton: React.FC<RowButtonProps> = ({
                             direction="row"
                             sx={{ gap: "4px", alignItems: "center" }}
                         >
-                            <Typography>{label}</Typography>
+                            {/* Don't shrink the main label, instead let the
+                                caption grow into two lines if it needs to. */}
+                            <Typography sx={{ flexShrink: 0 }}>
+                                {label}
+                            </Typography>
                             <CaptionTypography color={color}>
                                 {"•"}
                             </CaptionTypography>