![(please configure the [header_logo] section in trac.ini)](/chrome/site/your_project_logo.png){kind=logo}
Opened 2 months ago
Closed 2 months ago
#65307 closed defect (bug) (invalid)
Password visibility icon alignment issue in wp-admin buttons on WordPress 7.x
| Reported by: | ankitpatel1578 | Owned by: | |
|---|---|---|---|
| Priority: | normal | Milestone: | Awaiting Review |
| Component: | General | Version: | 7.0 |
| Severity: | normal | Keywords: | |
| Cc: | Focuses: | ui, css |
Description
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;
}
I cannot reproduce the issue in my environment. The dash icon already has
line-height:1applied to it.