MetaMask / MetaMask/metamask-mobile

[Bug]: ETH staking banner has weird text wrapping. We can align styles to stablecoin yield banners.

Open
#19,199 0 comments 0 reactions 0 assignees View on GitHub
regression-prod-7.55.99 Sev2-normal team-earn type-bug
Dominant language
TypeScript
Stars
3k
Forks
1.7k
Avg merge
1d 14h
Merged PRs (30d)
669

Description

### Describe the bug

Noting that we may move toward a simpler banner for Earn, but for now, we should fix the text wrap.

Image

### Expected behavior

_No response_

### Screenshots/Recordings

_No response_

### Steps to reproduce

Earn on DAI, view token details page

### Error messages or log output

```shell

```

### Detection stage

In production (default)

### Version

7.55.99

### Build type

Beta

### Device

iPhone 14 Pro

### Operating system

iOS

### Additional context

_No response_

### Severity

_No response_

Contributor guide

Open the contributing guide

Research direction

Start on the Earn token details page using the issue's DAI reproduction steps on an iPhone 14 Pro or iOS simulator. Compare the ETH staking banner with the stablecoin yield banners and identify the differing style behavior. Done means the ETH staking text wraps and aligns consistently with those banners without changing the broader Earn design.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
design, frontend, mobile
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.