“Dismiss” text and close icon not vertically center aligned in Dashboard welcome banner

[mohitbsf]

WordPress version: 7.0
Environment: Clean install, default theme (Twenty Twenty-Five), no active plugins

Steps to Reproduce

Log in to a fresh WordPress installation

Go to Dashboard

Observe the Welcome banner at the top

Look at the “Dismiss” label and the “X” icon in the top right corner

Expected Result

The “Dismiss” text and the “X” icon should be vertically center aligned within the banner area and aligned consistently with each other.

Actual Result

The “Dismiss” text and the “X” icon appear slightly misaligned vertically. They are not visually centered relative to the banner height and do not align consistently.

Additional Notes

Occurs with no plugins activated

Reproducible in new default admin color scheme

Appears to be a CSS alignment issue in the Dashboard welcome panel

[mohitbsf]

Please refer to the X icon mark

Ticket: https://core.trac.wordpress.org/ticket/64681

## Summary

This patch corrects the vertical alignment of the “Dismiss” label and the close (“X”) icon in the Dashboard Welcome banner so both elements are visually centered and consistently aligned within the banner area.

## Description

On a fresh install of WordPress (7.0) with no plugins active and the default theme, the “Dismiss” text and associated close icon in the Dashboard welcome banner appear slightly misaligned vertically relative to each other and the banner height. This discrepancy is a CSS alignment issue that affects visual harmony and consistency with the admin UI.

This change updates the necessary CSS styles to ensure both the “Dismiss” text and the close icon are vertically center aligned within the welcome banner. It aligns visual layout with expected admin design standards without altering functional behavior.

## Changes Included

• Adjusted CSS rules for the Dashboard welcome banner to vertically center the “Dismiss” text and close (“X”) icon.
• No functional behavior changes beyond visual alignment adjustments.

## Rationale

• Improves visual consistency of the welcome banner.
• Ensures UI alignment matches WordPress admin styling norms.
• Eliminates a small but noticeable layout misalignment in the core Dashboard interface.

## Testing

• Tested in a clean WordPress 7.0 install with default theme and no active plugins.
• Verified vertical alignment of “Dismiss” text and close icon in multiple admin color schemes.
• Confirmed no regressions in adjacent UI elements.

## Screenshot

[huzaifaalmesbah]

Patch Testing Report

Patch Tested: ​https://github.com/WordPress/wordpress-develop/pull/10993

Environment

• WordPress: 7.0-beta1-61709-src
• PHP: 8.2.29
• Server: nginx/1.29.5
• Database: mysqli (Server: 8.4.8 / Client: mysqlnd 8.2.29)
• Browser: Chrome 145.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.1

Steps taken

1. Installed a fresh WordPress 7.0-beta1.
2. Logged in to the WordPress admin dashboard.
3. Navigated to Dashboard → Home.
4. Observed the Welcome banner alignment issue.
5. Applied PR.
6. Refreshed the dashboard and verified alignment.
7. ✅ Patch is solving the problem

Expected result

• The “Dismiss” text and the close (“X”) icon should be vertically centered within the welcome banner.
• Both elements should align consistently with each other.

Screenshots/Screencast with results

Before Apply Patch	After Apply Patch ✅

[adnanhyder]

Before

[adnanhyder]

After

[joedolson]

Self assigning for review and commit consideration.

[joedolson]

This looks like a good change. Marking for commit.

[joedolson]

In 61728:

Admin: Fix dismiss button alignment in Welcome panel.

Fix the icon alignment in the welcome panel close button following the admin reskin.

Props mohitbsf, opurockey, huzaifaalmesbah, joedolson.
Fixes #64681.