[Due for payment 2025-09-23] [$250] mWeb - email in changed approver message does not wrap around the screen

[nlemma]

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.99-5
Reproducible in staging?: Yes
Reproducible in production?: N/A - new feature, doesn't exist in prod
If this was caught during regression testing, add the test name, ID and link from TestRail: #69307
Email or phone of affected tester (no customers): N/A
Issue reported by: Applause Internal Team
Device used: Samsung Galaxy A12 / Android 13
App Component: Chat Report View

Action Performed:

1. Create new policy as ADMIN with a long email address
2. Invite two users USER A and USER B
3. Setup advanced approvals
4. Set USER B to be USER A approver
5. As User A submit report to USER B
6. As ADMIN "Take Control" in OldDot
7. As User A view the report in NewDot

Expected Result:

The email in "changed the approver to" message is shown completely

Actual Result:

The email in "changed the approver to" message does not wrap around the screen, making it look cutoff

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6927922_1756277649869.1756277089306_bf1a0da9-e291-4296-8857-85142a834a25.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021961049276385837421
• Upwork Job ID: 1961049276385837421
• Last Price Increase: 2025-09-04

Issue Owner

Current Issue Owner: @

Issue Owner

Current Issue Owner: @OfstadC

[melvin-bot]

Triggered auto assignment to @OfstadC (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.

[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.

[melvin-bot]

Triggered auto assignment to @mjasikowski (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

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

[mjasikowski]

I think we need to add wrapping to MentionUserRenderer.tsx. Investigating.