Skip to content

[Bug]: Petname address text styling issues in send confirmation from/to section #40841

@cursor

Description

@cursor

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

  1. Save a petname for any address (e.g. via a previous send confirmation or the address book)
  2. Initiate a new send to that address
  3. Reach the confirmation screen
  4. 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

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions