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>