Distance - Distance badge overlaps with one another

[applause-bot]

If you haven’t already, check out our contributing guidelines for onboarding. To join our Slack channel, fill out this form.

---

Version Number: 9.4.53-0
Reproducible in staging?: Yes
Reproducible in production?: N/A - new feature, doesn't exist in prod
If this was caught during regression testing, add the test name, ID and link from BrowserStack: #96169
Email or phone of affected tester (no customers): sdsiodjnosdjiodsj@gmail.com
Issue reported by: Applause Internal Team
Bug source: Exploratory - Significant User Experience Deterioration
Device used: Mac 26.5 / Chrome
App Component: Money Requests

Action Performed:

1. Go to staging.new.expensify.com
2. Go to workspace chat.
3. Click + > Track distance > Map.
4. Enter the following waypoints:
   Start: 88 Kearny St
   Stop: Golden Gate Bridge
   Start: 88 Kearny St
5. Click on the other route.

Expected Result:

Distance badge should not overlap with one another.

Actual Result:

Distance badge overlaps with one another.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug7232049_1786564232153.4.mp4

View all open jobs on GitHub

Applause Internal Information
Exported by: Mita Rachim
Bug ID: 7232049

[applause-bot]

While Applause doesn't embed attachments for this bug, here are the links for quick view:
https://platform.applause.com/services/links/v1/external/8ec5e816c0e56b80d4ef5fed6820b3b0df5cc80940cfa919798bb0d4eb61a633

[melvin-bot]

You have been assigned to this deploy blocker because you recently merged this PR: #96169

[melvin-bot]

@Gonals @dmkt9 you have been assigned to this deploy blocker because you reviewed the offending PR: #96169

[melvin-bot]

@GCyganek you have been assigned to this deploy blocker because you authored the offending PR: #96169

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.