MetaMask / MetaMask/metamask-mobile
[Bug]: On the Confirmation screen in the Send flow, the arrow is misaligned and visually collides with the recipient’s jazzicon.
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
**Describe the bug**
On the Confirmation screen in the Send flow, there is a small arrow icon between the sender account and the recipient account.
The arrow is misaligned and visually collides with the recipient’s jazzicon, appearing to almost run into or overlap it. Affects iOS only (default font size on the screenshot), on Android devices the spacing looks good.
The issue was likely present in older versions too.
Update:
This is not iOS issue, the arrow is completely covered by jazzicon on Android. The bug is visiblle when sending to Imported account.
**Expected behavior**
The arrow should be properly spaced and aligned, with clear padding between it and both account icons.
**Screenshots/Recordings**

**Steps to reproduce**
1. Start Send transaction
2. Select Imported account as a recipient
**Error messages or log output**
```shell
```
**Where was this bug found?**
Internal release testing
**Version**
7.63.0
**Build number**
3566
**Build type**
None
**Device**
iPhone 15, Samsung S24 Ultra
**Operating system**
iOS, Android
Contributor guide
Research direction
Start by reproducing the Send flow on the Confirmation screen with an Imported account recipient, using the iPhone 15 and Samsung S24 Ultra details from the report. Inspect the arrow and account-icon layout; done means the arrow is aligned and has clear padding from both icons on iOS and Android.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, ios, react-native, typescript
- Domain
- frontend, mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100