Description

Fix the inconsistent size of the close button in the "Swap" page "Select Token" bottom sheet and "Select Network" bottom sheet. We also took some time to refactor BridgeNetworkSelectorBase to use components from the design system similar to how BridgeTokenSelectorBase does it.

Changelog

CHANGELOG entry: Fix the inconsistent size of the close button in the "Swap" page "Select Token" bottom sheet and "Select Network" bottom sheet.

Related issues

Fixes: https://consensyssoftware.atlassian.net/browse/SWAPS-3186

Manual testing steps

  When user navigates to swap page, the close icon button should much the size of the one presented in  "select network"and "select tokens" bottom sheets.

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.

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.