[Bug]: ENS name, icon and hexadecimal address wrongly positioned

[benjisclowder]

Describe the bug

The ENS text and icon is positioned on the far left side of the extension.

Expected behavior

For UI/UX purposes, the ENS name, address and icon should be correctly aligned as per the screenshot below.

Screenshots

Steps to reproduce

1. Open MetaMask extension
2. Fill in your password
3. Proceed to the send flow
4. Enter an ENS name: e.g. aed.eth
5. Notice the result is positioned too close to the left margin.

Error messages or log output

No response

Version

11.4.0

Build type

None

Browser

Chrome, Firefox

Operating system

MacOS

Hardware wallet

No response

Additional context

No response

Severity

No response

[benjisclowder]

On the same note: The text in "Asset" overflows the box.

[georgewrmarshall]

Reassigning to Wallet UX as not directly related to design system but rather the implementation of UI rather that the UI component itself. Happy to support

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity in the last 90 days. It will be closed in 45 days if there is no further activity. The MetaMask team intends on reviewing this issue before close, and removing the stale label if it is still a bug. We welcome new comments on this issue. We do not intend on closing issues if they report bugs that are still reproducible. Thank you for your contributions.

[github-actions[bot]]

This issue was closed because there has been no follow up activity in the last 45 days. If you feel this was closed in error, please reopen and provide evidence on the latest release of the extension. Thank you for your contributions.