-
Notifications
You must be signed in to change notification settings - Fork 5.5k
Description
Describe the bug
When a petname is saved for an address, the from/to section in send confirmations displays the petname with incorrect styling:
- The petname text is shown in blue — it should use the same default (non-blue) color as a hex address
- The petname text is centered — it should be left-aligned, consistent with how hex addresses are displayed
- There is a slight left margin inconsistency on the petname text
This is a follow-up to #40770 (fixed by #40796). The original issue fixed the "?" icon, blue color, and hover gray box for plain hex/unknown addresses. However, when a petname has been saved for an address, the above styling issues remain.
Expected behavior
The petname should have the same treatment as a hex address in the from/to row:
- Default state: Regular (non-blue) text color, left-aligned
- Hover state: Blue text with underline (no gray box behind it)
- Alignment: Consistent left alignment and margin with hex addresses
Clicking the petname to open the petname modal is fine and expected — the clickable behavior should be retained, just with the corrected default-state styling.
Screenshots/Recordings
Current behavior (petname shown in blue and centered):
See Slack thread screenshots showing "yolooooo" and "yol" petnames rendered in blue and centered in the To row
Expected behavior:
Matches the styling of a hex address row (non-blue, left-aligned) with blue + underline only on hover.
Steps to reproduce
- Save a petname for any address (e.g. via a previous send confirmation or the address book)
- Initiate a new send to that address
- Reach the confirmation screen
- Observe the To row — the petname text appears in blue and is centered
Error messages or log output
N/A
Where was this bug found?
Internal release testing
Version
13.22.0
Build type
N/A
Browser
- Chrome
Operating system
- MacOS
Additional context
- Original issue: [Bug]: Issue with redesign from/to for send confirmations #40770
- Fixing PR: fix: address display for new address on confirmation page cp-13.22.0 #40796 (addressed the issue for hex/unknown addresses but did not fully fix petname styling)
- Discussed in the #priv-metamask-confirmations Slack channel during v13.22 release sign-off
- Confirmed not a release blocker but should be addressed in the next release
Severity
- Affects users who have saved petnames for addresses they send to
- Visual/styling defect only; functional behavior (petname modal opening on click) works correctly