[Due for payment 2026-01-05] [$250] Android - Accounting - Reconciliation account content is cut off when device font size is minimum

[jponikarchuk]

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.2.85-0
Reproducible in staging?: Yes
Reproducible in production?: Yes
If this was caught during regression testing, add the test name, ID and link from BrowserStack: Exp https://test-management.browserstack.com/projects/2219752/test-runs/TR-2466/folder/13176890/41237385/1086557947
Email or phone of affected tester (no customers): applausetester+201201kh@applause.expensifail.com
Issue reported by: Applause Internal Team
Bug source: Exploratory - Significant User Experience Deterioration
Device used: Samsung Galaxy S25 FE / Android 16
App Component: Workspace Settings

Action Performed:

Precondition:

• Device font size is minimum.
• Workspace is set up with Expensify card feature.
• Workspace is connected to QBO.

1. Launch Expensify app.
2. Go to workspace settings > Accounting.
3. Tap Card reconciliation.
4. Enable Continuous Reconciliation if not enabled.
5. Tap Reconciliation account.

Expected Result:

Reconciliation account page content will not be cut off when devicie font size is minimum.

Actual Result:

Reconciliation account page content is cut off when devicie font size is minimum.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

1.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022003117046288940233
• Upwork Job ID: 2003117046288940233
• Last Price Increase: 2025-12-22

Issue Owner

Current Issue Owner: @NicMendonca

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

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

[Eskalifer1]

Proposal

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

Android - Accounting - Reconciliation account content is cut off when device font size is minimum

What is the root cause of that problem?

We are missing correct styles for RenderHTML :

App/src/pages/workspace/accounting/reconciliation/ReconciliationAccountSettingsPage.tsx

Lines 92 to 99 in 505922d

	<Text style={[styles.textNormal, styles.mb6, styles.ph5]}>
	<RenderHTML
	html={translate('workspace.accounting.chooseReconciliationAccount.settlementAccountReconciliation', {
	settlementAccountUrl: `${environmentURL}/${ROUTES.WORKSPACE_EXPENSIFY_CARD_SETTINGS_ACCOUNT.getRoute(policyID, Navigation.getActiveRoute())}`,
	lastFourPAN: settlementAccountEnding,
	})}
	/>
	</Text>

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

Add missing style as we do in the rest of the project:

styles.renderHTML, styles.flexRow

And change Text to View

PS: We may not use all three solutions, but only some of them. For example, changing Text to View + flexRow is enough to fix the problem.

We use this approach in many places in the project, so it is not a new pattern:

App/src/pages/domain/DomainAccessRestrictedPage.tsx

Lines 65 to 67 in 5685a5f

	<View style={styles.flexRow}>
	<RenderHTML html={translate('domain.accessRestricted.subtitle', domainName)} />
	</View>

App/src/pages/ReportChangeApproverPage.tsx

Lines 118 to 120 in 5685a5f

	<View style={[styles.ph5, styles.mb5, styles.renderHTML, styles.flexRow]}>
	<RenderHTML html={translate('iou.changeApprover.description', {workflowSettingLink: `${environmentURL}/${ROUTES.WORKSPACE_WORKFLOWS.getRoute(policy?.id)}`})} />
	</View>

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[ShridharGoel]

@Eskalifer1's proposal looks good to me.

🎀 👀 🎀 C+ reviewed

[melvin-bot]

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