[Due for payment 2026-07-13] Android - Expensify Cards - Card name is not displayed in the cards list

[applause-bot]

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: 9.4.25-0
Reproducible in staging?: Yes
Reproducible in production?: No
If this was caught during regression testing, add the test name, ID and link from BrowserStack: #94860
Email or phone of affected tester (no customers): testing210790@gmail.com
Issue reported by: Applause Internal Team
Bug source: Exploratory - Significant User Experience Deterioration
Device used: Samsung a31
App Component: Other

Action Performed:

1. Open the app.
2. Open a workspace with issued Expensify Cards.
3. Tap Expensify Cards.

Expected Result:

The cards list displays the name of each Expensify Card.

Actual Result:

The cards list does not display the card name, making it difficult to identify each card. The card name is visible in the previous version but is missing in the current version.

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome Safari

Screenshots/Videos

screen-20260630-184344-1782834210083.mp4

View all open jobs on GitHub

Applause Internal Information
Exported by: Julia Ponikarchuk
Bug ID: 7195468

[applause-bot]

While Applause doesn't embed attachments for this bug, here are the links for quick view:
https://platform.applause.com/services/links/v1/external/de252615580d0dbf3464b5d8b975158b936dabf57d7fc407c2526f77338babb2

[melvin-bot]

You have been assigned to this deploy blocker because you recently merged this PR: #94860

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[MelvinBot]

Proposal

Root cause: Regression from #94860 (the Expensify Card list migration to the shared Table component). On narrow (mobile/Android) layout the secondary line under the cardholder name now renders the last four digits instead of the card name, so the card name is never shown on the Android app.

The old WorkspaceCardListRow always rendered {name} as the secondary line, regardless of layout. The new row only renders item.name on wide layout and swaps it for item.lastFourPAN on narrow:

Code reference

WorkspaceExpensifyCardsTableRow.tsx:104-118

{shouldUseNarrowTableLayout ? (
    <TextWithTooltip ... text={item.lastFourPAN} ... />   // narrow: last four (name dropped)
) : (
    <TextWithTooltip ... text={item.name} ... />          // wide: card name
)}

On wide layout the last four still has its own column (line 142-150), so only the name appears as the subtitle. On narrow layout those columns are hidden, and the author replaced the subtitle with the last four — which is what removed the card name.

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

Restore the card name on the secondary line for narrow layout. Since the dedicated last-four column is hidden on narrow screens, surface both values so neither is lost — e.g. keep item.name as the subtitle and append/show item.lastFourPAN alongside it (or stack them), rather than replacing the name entirely. Minimal version: render item.name as the subtitle on narrow layout too (matching the previous behavior).

Confidence

High. This is a clear behavioral regression isolated to the narrow-layout branch introduced by #94860, and it matches the report exactly (name visible in the previous version, missing now, Android only / narrow layout). This is fully within the App repo.

---

Next Steps for Contributor+ team:
To accept: @MelvinBot implement [this](https://github.com/Expensify/App/blob/6c7f4101d2473d560209cb55fa1e1e2304635c1c/src/components/Tables/WorkspaceExpensifyCardsTable/WorkspaceExpensifyCardsTableRow.tsx#L104-L118) to create a draft PR.
To refine: @MelvinBot <your feedback>
To reject: Explain why you are rejecting Melvin's proposal.