Mobile Header UI Bug: WordPress.org toolbar icons misaligned/missing on Trac

[dvpatel]

On the WordPress Trac site (core.trac.wordpress.org), the top black toolbar (admin bar) shows misaligned or broken icons (WordPress logo, search, and menu) on mobile view.

Steps to reproduce

1. Open Trac site on a mobile device (https://meta.trac.wordpress.org/report) (​https://core.trac.wordpress.org/report)
2. Observe the top header (black bar)
3. Icons do not appear properly styled or spaced

Expected Result

• The header should look consistent with other WordPress.org pages
• Icons should be styled properly and aligned

Solution

• add this CSS

.wp-block-group.global-header .wp-block-image {
    flex-basis: 100%;
}

Screenshots

1. ​https://prnt.sc/QXv1za1znB8u (https://meta.trac.wordpress.org/report) -- Not Proper Header
2. ​https://prnt.sc/6suRrNqg4cLu (​https://wordpress.org/plugins/) -- Proper Header