Graceful deg

2025-04-01 12:00:49 +05:30
parent 80ea75e2d2
commit b1ce3edf28
1 changed files with 5 additions and 1 deletions
--- 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>