Web - Chat - The size of avatar that is displayed when chat starts, or top of the chat is 108x108

[IuliiaHerets]

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.0.46-1
Reproducible in staging?: Y
Reproducible in production?: N/A - new feature, doesn't exist in prod
Issue was found when executing this PR: #49555
Email or phone of affected tester (no customers): testpayment935@gmail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Go to personal chat and check if icon is of 100x100 size
2. Go to group chat and check if icon is of 100x100 size
3. Go to workspace chat and check if icon is of 100x100 size

Expected Result:

The icon size for every chat is 100x100

Actual Result:

The icon size for every chat is 108x108

Workaround:

Unknown

Platforms:

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @MariaHCD (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

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

[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.

[NJ-2020]

I think this is not a bug because if we inspect go through the svg avatar we can see the size is 100x100, and why when we hover the size of the avatar is showing 108x108, because there's a wrapper div on top of the svg with border-width 4px

[MariaHCD]

Thanks, @NJ-2020! Agreed.

The SVG itself is 100 x 100:

But it is nested within a div with a border width of 4px: