MetaMask / MetaMask/metamask-mobile

Let's address quality of token and network icons and text treatment

Open
#17,984 0 comments 0 reactions 0 assignees View on GitHub
area-design Homepage
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.

![Image](https://github.com/user-attachments/assets/f5284676-aba8-4e3c-9086-172fd7da6561)

### 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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.