WordPress logo overlaps with the Inserter (+) button when opening "Try the Block Editor" from the WordPress.org homepage

[mdridipu]

While testing the Try the Block Editor feature available from the WordPress.org homepage, I noticed a UI issue in the editor header.

Page: ​https://wordpress.org/gutenberg/

The WordPress logo in the top-left corner overlaps with the blue Inserter (+) button. Although both controls remain functional, the overlap makes the interface appear visually broken and makes it more difficult to click each control independently.

Steps to reproduce
Visit ​https://wordpress.org/.
Click Try the Block Editor from the top navigation.
Observe the top-left corner of the editor.
Expected result

The WordPress logo and the Inserter (+) button should be properly aligned with sufficient spacing and should not overlap.

Actual result

The WordPress logo overlaps with the Inserter (+) button.

Testing performed
Reproduced in Google Chrome, Mozilla Firefox, and Microsoft Edge.
Reproduced on both desktop and mobile devices.
Tested with different browser window sizes.
Reproduced across different devices and networks.

The issue was consistently reproducible in all of the above environments.

I've attached a screenshot for reference.

[Otto42]

Can be fixed by adding padding-left: 32px; to .editor-header__toolbar.

[mdridipu]

I tested the suggested fix locally, and it resolves the overlap.

.editor-headertoolbar {

padding-left: 32px;

}

[Otto42]

Thanks for the confirmation, I was mainly leaving myself a note for later, when I'm not on an mobile device.

[Otto42]

Fixed in ​https://dotorg.trac.wordpress.org/changeset/24992

[mdridipu]

Thanks for getting this layout issue resolved!

Since tracking down and isolating this specific spacing bug involved digging into parts of the Meta codebase where public repository context is limited, could props @mdridipu please be added for identifying and reporting the issue?

Thanks again for the great work on this!