[Due for payment 2025-04-14] [$250] Wallet - Font size is inconsistent

[IuliiaHerets]

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!

---

Version Number: v9.1.21-3
Reproducible in staging?: Yes
Reproducible in production?: Unable to check
If this was caught during regression testing, add the test name, ID and link from TestRail: #57557
Email or phone of affected tester (no customers): -
Issue reported by: Applause Internal Team
Device used: MacOS Catalina 10.15.7
App Component: Other

Action Performed:

Precondition: user with added personal bank account. Enable Wallet flow is started.

1. After Onfido step, open Fees and terms page
2. Scroll page down

Expected Result:

Font size is consistent.

Actual Result:

Font size is inconsistent. Font size of amount of Customer service is smaller than Inactivity or ATM balance.

Workaround:

Unknown

Platforms:

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021907096242115141268
• Upwork Job ID: 1907096242115141268
• Last Price Increase: 2025-04-01
• Automatic offers:
• FitseTLT | Contributor | 106759115

Issue Owner

Current Issue Owner: @maddylewis

[melvin-bot]

Triggered auto assignment to @maddylewis (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[FitseTLT]

🚨 Edited by proposal-police: This proposal was edited at 2025-04-01 14:43:34 UTC.

Proposal

Please re-state the problem that we are trying to solve in this issue.

Font size is inconsistent

What is the root cause of that problem?

We applied label style for Customer service here

App/src/pages/EnablePayments/TermsPage/ShortTermsForm.tsx

Line 103 in 69bfd3d

<Text style={styles.label}>{CurrencyUtils.convertToDisplayString(0, 'USD')}</Text>

while we used the default text style for inactivity and others

App/src/pages/EnablePayments/TermsPage/ShortTermsForm.tsx

Line 115 in 69bfd3d

<Text>{CurrencyUtils.convertToDisplayString(0, 'USD')}</Text>

What changes do you think we should make in order to solve the problem?

We should apply the default text style as we did for inactivitiy so remove the style.label

                        <Text >{CurrencyUtils.convertToDisplayString(0, 'USD')}</Text>

Or the other way round we can apply this label style for the other texts to make all text sizes consistent.

if needed we can also remove the label style applied here

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N / A - UI style

What alternative solutions did you explore? (Optional)

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~021907096242115141268

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @hungvu193 (External)

[hungvu193]

@FitseTLT 's proposal here looks straightforward
🎀 👀 🎀

cc @Expensify/design team for 👀

[melvin-bot]

Triggered auto assignment to @JS00001, see https://stackoverflow.com/c/expensify/questions/7972 for more details.

[shawnborton]

Interesting, was this a regression? Could have sworn this used to be styled correctly. Can we see if something caused this?