Reports - Report error is dispalyed very close to the hover

[lanitochka17]

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.63-0
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail: #75190
Email or phone of affected tester (no customers): shussain+de1@applausemail.com
Issue reported by: Applause - Internal Team

Action Performed:

1. Create workspace > open Reports page under workspace settings
2. Open Default report title
3. Enter the value with & included, i.e. {report:type} {report:startdate & report:id}
4. Notice the error displayed very close to the hover

Expected Result:

The error message should not displayed very close to the hover. There should be space below the hover

Actual Result:

The error message is displayed very close to the hover. There is more spacing below the error than expected

Workaround:

Unknown

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
• MacOS: Desktop

Platforms Tested:

On which of our officially supported platforms was this issue tested:

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

Screenshots/Videos

Add any screenshot/video evidence

Bug7012492_1764020819436.2025-11-24_22-44-40.mp4

View all open jobs on GitHub

[melvin-bot]

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

[ryntgh]

Proposal

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

Reports - Report error is displayed very close to the hover

What is the root cause of that problem?

Currently, the errorRowStyles prop only removes horizontal margins but doesn't add any vertical spacing

App/src/pages/workspace/reports/WorkspaceReportsPage.tsx

Line 213 in 26a92bd

errorRowStyles={styles.mh0}

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

Add top margin to the error row styles

                                errorRowStyles={[styles.mh0, styles.mt2]}

App/src/pages/workspace/reports/WorkspaceReportsPage.tsx

Line 213 in 26a92bd

errorRowStyles={styles.mh0}

We could add top margin on the details as well

App/src/pages/workspace/reports/ReportsDefaultTitle.tsx

Line 115 in 26a92bd

errorRowStyles={styles.mh0}

Margin top value can be adjusted during PR phase

What alternative solutions did you explore? (Optional)

NA

[Eskalifer1]

Dupe, i am already working on that PR here: #75524

We can close that one, cc: @sakluger