fix: auto shrink text content if overflow

Expensify · Mar 7, 2025 · d495300 · d495300
1 parent 3ec26a9
commit d495300
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx b/src/pages/settings/Subscription/CardSection/BillingBanner/EarlyDiscountBanner.tsx
@@ -115,12 +115,12 @@ function EarlyDiscountBanner({isSubscriptionPage, GuideBookingButton, onDismisse
     const title = (
         <View style={[styles.justifyContentBetween, styles.flexRow]}>
             {isSubscriptionPage ? (
-                <Text style={styles.textStrong}>
+                <Text style={[styles.textStrong, styles.flexShrink1]}>
                     {translate('subscription.billingBanner.earlyDiscount.subscriptionPageTitle.phrase1', {discountType: discountInfo?.discountType})}&nbsp;
                     <Text>{translate('subscription.billingBanner.earlyDiscount.subscriptionPageTitle.phrase2')}</Text>
                 </Text>
             ) : (
-                <Text style={styles.textStrong}>
+                <Text style={[styles.textStrong, styles.flexShrink1]}>
                     {translate('subscription.billingBanner.earlyDiscount.onboardingChatTitle.phrase1')}&nbsp;
                     <Text>{translate('subscription.billingBanner.earlyDiscount.onboardingChatTitle.phrase2', {discountType: discountInfo?.discountType})}</Text>
                 </Text>