[$250] Report layout distorted for mostly invoice type reports

[m-natarajan]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Version Number: 9.0.21-3 Reproducible in staging?: Y Reproducible in production?: Y If this was caught during regression testing, add the test name, ID and link from TestRail: Email or phone of affected tester (no customers): Logs: https://stackoverflow.com/c/expensify/questions/4856 Expensify/Expensify Issue URL: Issue reported by: @Pujan92 Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1723897707932549

Action Performed:

1. Go to staging.new.expensify.com
2. Click the Fab and create an Invoice

Expected Result:

No visual issues after creating Invoice reports

Actual Result:

Invoice report looks distorted

Workaround:

Unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• [ ] Android: Native
• [ ] Android: mWeb Chrome
• [ ] iOS: Native
• [ ] iOS: mWeb Safari
• [x] MacOS: Chrome / Safari
• [ ] MacOS: Desktop

Screenshots/Videos

https://github.com/user-attachments/assets/bbaf70df-64de-4291-8050-483719575f45

Add any screenshot/video evidence

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01cc208c0f633e111a
• Upwork Job ID: 1825580782358038372
• Last Price Increase: 2024-09-02

Issue Owner

Current Issue Owner: @suneox