Description

On small screen devices (e.g., iPhone SE), the FilterButton label text (e.g., "Price change") wraps to two lines. The root cause: callers like the price-change button and Bridge filter buttons don't pass numberOfLines or ellipsizeMode, so these default to undefined — allowing unlimited text wrapping when flex-shrink compresses the button.

This adds sensible defaults (numberOfLines ?? 1, ellipsizeMode ?? 'tail') inside FilterButton so all labels stay on a single line and truncate with ellipsis when constrained.

Changelog

CHANGELOG entry: Fixed trending filter button labels wrapping to two lines on small screens by defaulting to single-line truncation.

Related issues

Fixes:

Manual testing steps

Feature: my feature name

  Scenario: user [verb for user action]
    Given [describe expected initial app state]

    When user [verb for user action]
    Then [describe expected outcome]

Screenshots/Recordings

Before

After

Pre-merge author checklist

• I've followed MetaMask Contributor Docs and MetaMask Mobile Coding Standards.
• I've completed the PR template to the best of my ability
• I've included tests if applicable
• I've documented my code using JSDoc format if applicable
• I've applied the right labels on the PR (see labeling guidelines). Not required for external contributors.

Performance checks (if applicable)

• I've tested on Android
  • Ideally on a mid-range device; emulator is acceptable
• I've tested with a power user scenario
  • Use these power-user SRPs to import wallets with many accounts and tokens
• I've instrumented key operations with Sentry traces for production performance metrics
  • See trace() for usage and addToken for an example

For performance guidelines and tooling, see the Performance Guide.

Pre-merge reviewer checklist

• I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed).
• I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots.