[wp-trac] [WordPress Trac] #65307: Password visibility icon alignment issue in wp-admin buttons on WordPress 7.x

WordPress Trac noreply at wordpress.org
Thu May 21 17:40:15 UTC 2026


#65307: Password visibility icon alignment issue in wp-admin buttons on WordPress
7.x
----------------------------+-----------------------------
 Reporter:  ankitpatel1578  |      Owner:  (none)
     Type:  defect (bug)    |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  General         |    Version:  7.0
 Severity:  normal          |   Keywords:
  Focuses:  ui, css         |
----------------------------+-----------------------------
 The password visibility toggle icon (.dashicons) inside the .wp-hide-pw
 button appears vertically misaligned in WordPress 7.x admin screens.

 The issue seems related to line-height inheritance affecting the Dashicon
 inside the button.

 **Steps to Reproduce:**

 Open a WordPress 7.x installation.
 Navigate to a screen containing a password field with the visibility
 toggle button.
 Observe the eye icon alignment inside the button.

 **Expected Result:**
 The Dashicon should be vertically centered inside the password visibility
 button.

 **Actual Result:**
 The icon appears slightly misaligned vertically depending on browser
 rendering and inherited styles.

 **Proposed CSS Fix:**

 [class*=branch-7].wp-core-ui .button.wp-hide-pw > .dashicons {
     line-height: 1;
 }

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/65307>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list