[PAID] [$250] Styling Bug: Fix Border Bug on ReportPreviews with 3+ Receipts

[grgia]

Coming from this style fix: #36278

We found a minor UI bug with the report preview corner showing through:

Expected:

Note: This existed on staging before merging the above PR

Issue Owner

Current Issue Owner: @dragnoir

[melvin-bot]

Triggered auto assignment to @strepanier03 (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[melvin-bot]

Unable to auto-create job on Upwork. The BZ team member should create it manually for this issue.

[melvin-bot]

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

[grgia]

@godofoutcasts94 I updated the description, but we ideally don't want to see that border line that is circled

@godofoutcasts94 I updated the description, but we ideally don't want to see that border line that is circled

Even when we hover you don't want the line ? @grgia

Proposal

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

Styling Bug: Fix Border Bug on ReportPreviews with 3+ Receipts

What is the root cause of that problem?

We are not passing borderTopLeft and borderTopRightRadius inside reportActionItemImages

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

We need to pass these values inside reportActionItemImages:

            borderTopLeftRadius: 12,
            borderTopRightRadius: 12,

What alternative solutions did you explore? (Optional)

N/A

[grgia]

@godofoutcasts94 yes, you should never see that tiny line