MetaMask / MetaMask/metamask-mobile
Let's address quality of token and network icons and text treatment
- Dominant language
- TypeScript
- Stars
- 3k
- Forks
- 1.7k
- Avg merge
- 1d 14h
- Merged PRs (30d)
- 669
Description
### What is this about?
On a token row, there are tokens where it's low-quality imagery (MATIC for example_, or not properly aligned (ETH for example). Network icons like Ethereum are circular inside a rectangular badge, so there are missing pixels. Percentage rows are cut-off strangely.
This contributes to perception of low quality.

### Scenario
_No response_
### Design
_No response_
### Technical Details
_No response_
### Threat Modeling Framework
_No response_
### Acceptance Criteria
_No response_
### Stakeholder review needed before the work gets merged
- [ ] Engineering (needed in most cases)
- [ ] Design
- [ ] Product
- [ ] QA (automation tests are required to pass before merging PRs but not all changes are covered by automation tests - please review if QA is needed beyond automation tests)
- [ ] Security
- [ ] Legal
- [ ] Marketing
- [ ] Management (please specify)
- [ ] Other (please specify)
### References
_No response_
Contributor guide
Research direction
Start by reproducing the token-row, network-icon, and percentage-row issues shown in the attached image, then locate the corresponding mobile UI components. Review the existing rendering and styling before deciding how to address image quality, alignment, badge clipping, and text treatment; done means these rows display cleanly and consistently across the affected cases.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- design, frontend, mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 35/100