Description

1. Typography: The homepage Cash section mUSD row showed the aggregated fiat value in bold (BodyMDBold), while token list rows (TokenListItemV2) use medium weight for primary fiat (BodyMDMedium), so Cash looked heavier than the rest of the wallet.
2. Layout: Spacing and structure (gap-5 vs avatar, gap-0.5 between lines) did not match the two-line token row pattern (flex-1 ml-5, gap-2.5 on each row).
3. Fiat strings: useMusdBalance formatted currency with I18n.locale (e.g. en-US). Token balanceFiat uses formatWithThreshold with getLocaleLanguageCode() elsewhere in the assets flow. That mismatch could produce inconsistent currency symbols (e.g. US$ vs $) between Cash and token rows.

Solution

• MusdAggregatedRow: Match TokenListItemV2’s text column: flex-1 ml-5, two rows with justifyContent={Between} and twClassName="gap-2.5"; primary fiat uses BodyMDMedium; the second row wraps claim / spinner / APY in an inner Box so the token amount stays right-aligned like the list.
• useMusdBalance: Replace I18n.locale with getLocaleLanguageCode() for all formatWithThreshold fiat formatting (per-chain and aggregated) so Cash uses the same locale strategy as token fiat balances.

Changelog

CHANGELOG entry: Updated Cash (mUSD) row typography and layout to match the token list and aligned aggregated mUSD fiat formatting with token balance locale handling.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/TMCU-579

Manual testing steps

Feature: Cash mUSD row matches token list

  Scenario: Primary fiat weight matches token rows
    Given the user sees the Cash section with mUSD balance (Homepage sections enabled, eligible for Cash)
    When they view the mUSD row
    Then the aggregated fiat amount uses medium weight (same as token list fiat), not bold

  Scenario: Layout and spacing align with token list rows
    Given the same Cash mUSD row is visible
    When comparing to any token row in the token list
    Then the two-line layout (title + fiat on first row; secondary info + token amount on second) and spacing feel consistent

  Scenario: Fiat symbol matches token list formatting
    Given primary currency is USD and device locale is set (e.g. en-US)
    When viewing Cash aggregated fiat and a token’s fiat balance on the same screen
    Then both use the same currency symbol style (e.g. $ consistently, not US$ on Cash only)

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.