[Due for payment][$250] Workspace name overflows on WorkspaceUserRestrictedAction page

[yuwenmemon]

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: N/A
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from BrowserStack: N/A
Email or phone of affected tester (no customers): N/A
Logs: N/A
Expensify/Expensify Issue URL: N/A
Issue reported by: @nkdengineer (discovered during PR #78888 review)
Slack conversation (hyperlinked to channel name): N/A

Action Performed:

1. Have a workspace with a long name and with an expired subscription
2. As a member of that workspace, navigate to the restricted action page (e.g., by trying to change an expense to that expired workspace)
3. Observe the workspace name text on the WorkspaceUserRestrictedAction page

Expected Result:

The workspace name should wrap properly and stay within the container boundaries, using word-break styling to prevent overflow.

Actual Result:

The workspace name overflows outside the container when the name is long, breaking the page layout.

Workaround:

Users can still use Expensify. This is a visual/UI issue only.

Platforms:

Select the officially supported platforms where the issue was reproduced:

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

Screenshots/Videos

Video showing the issue (from PR #78888):
https://github.com/user-attachments/assets/3984fad5-c355-4064-922d-35023d3a5647

Technical Details

The issue is located in:

• src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx (line 54)

The text element is missing breakWord or breakAll styling to handle long workspace names.

Reference: #78888 (comment)

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022012226024679170260
• Upwork Job ID: 2012226024679170260
• Last Price Increase: 2026-01-16

Issue Owner

Current Issue Owner: @jayeshmangwani

[melvin-bot]

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

[ShridharGoel]

Proposal

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

Long workspace names overflow on the WorkspaceUserRestrictedAction page.

What is the root cause of that problem?

The restricted action headline does not apply word-break styling, so long workspace names do not wrap.

App/src/pages/RestrictedAction/Workspace/WorkspaceUserRestrictedAction.tsx

Line 54 in 98a3245

<Text style={[styles.textHeadlineH1, styles.textAlignCenter]}>{translate('workspace.restrictedAction.actionsAreCurrentlyRestricted', policy?.name ?? '')}</Text>

App/src/pages/RestrictedAction/Workspace/WorkspaceAdminRestrictedAction.tsx

Line 52 in 98a3245

<Text style={[styles.textHeadlineH1, styles.textAlignCenter]}>{translate('workspace.restrictedAction.actionsAreCurrentlyRestricted', policy?.name ?? '')}</Text>

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

Add break-word styling to the restricted action headline so long names wrap on both user and admin versions.

<Text style={[styles.textHeadlineH1, styles.textAlignCenter, styles.breakWord]}>
    {translate('workspace.restrictedAction.actionsAreCurrentlyRestricted', policy?.name ?? '')}
</Text>

<Text style={[styles.textHeadlineH1, styles.textAlignCenter, styles.breakWord]}>
    {translate('workspace.restrictedAction.actionsAreCurrentlyRestricted', policy?.name ?? '')}
</Text>

[nkdengineer]

@yuwenmemon please assign me here. I clarified the RCA and solution #78888 (comment)

[melvin-bot]

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

[melvin-bot]

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