Skip to content

[Bug]: UI Misalignment on 6.1'' devices in Transaction Details View #15603

@benjisclowder

Description

@benjisclowder

Describe the bug

After a transaction is successful and I want to verify transaction details, the UI displays misaligned elements (account identicon and account address), breaking the intended layout. This happens on both iOS and Android with 6.1" screen size. On 6.7" screen size, this behavior is not present.

Expected behavior

The transaction details screen should maintain proper alignment and spacing of all UI elements across all supported screen sizes, including 6.1" devices.

Screenshots/Recordings

Image

Steps to reproduce

  1. Perform a send transaction in MetaMask on a 6.1" device
  2. Confirm transaction and wait for transaction to be processed.
  3. In Transactions tab, click and open the transaction.
  4. Notice UI elements such as account identicon and account address overlap.

Error messages or log output

Detection stage

During release testing

Version

7.47.0

Build type

None

Device

Samsung S23, iPhone 15 Pro

Operating system

Android, iOS

Metadata

Metadata

Assignees

No one assigned

    Labels

    INVALID-ISSUE-TEMPLATEIssue's body doesn't match any issue template.Sev2-normalAn issue that may lead to users misunderstanding some limited risks they are takingexternal-contributorregression-RC-7.47.0Regression bug that was found in release candidate (RC) for release 7.47.0release-7.59.0Issue or pull request that will be included in release 7.59.0team-mobile-uxMobile UX teamtype-bugSomething isn't working

    Type

    Projects

    Status

    To be triaged

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions