User Edit Screen Displays Misaligned Password Dashicon in WordPress 7.0-RC2

[piyushpatel123]

An alignment issue has been identified with the password dashicon on the user edit screen in WordPress 7.0-RC2.

[piyushpatel123]

I was able to identify the issue and found a solution. Removing or adjusting the following two CSS lines resolves the problem.

.wp-core-ui .button.wp-hide-pw > .dashicons{
line-height: 1;
vertical-align: middle;
}

[rajdiptank111]

Upload patch

Trac ticket: https://core.trac.wordpress.org/ticket/65031

## Before:

## After:

[ankitkumarshah]

Hi @rajdiptank111,

I tried applying your patch, but unfortunately ran into an error while doing so (screenshot attached):

I also attempted to apply the changes manually, but noticed a regression—specifically, the patch seems to introduce a layout issue on /wp-admin/options-writing.php (screenshot attached for reference):

To address this, I’ve created a PR with a fix:
​https://github.com/WordPress/wordpress-develop/pull/11463

Could you please test it when you get a chance and let me know if this works for you?

Thank you!

cc: @audrasjb

Before:

After:

Before:

After:

Patch Tested: https://core.trac.wordpress.org/ticket/65031

Environment

• WordPress: 7.0-RC2
• PHP: 8.0.30
• Server: PHP.wasm
• Database: WP_SQLite_Driver (Server: 8.0.38 /
• Browser: Chrome 146.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
  • Test Reports 1.2.1

Steps taken

1. Clicked users
2. Choose a partial user
3. Edit user profile
4. Set a new password

Screenshots/Screencast with results

Before:

After: