Uneven Horizontal Spacing in WordPress Admin .wrap Container

[dvpatel]

In the WordPress admin area, the .wrap container has a margin-left: 2px, while the #wpcontent container has padding-left: 20px, resulting in a total of 22px space on the left side. However, on the right side, .wrap only has a margin-right: 20px, creating uneven horizontal spacing between the left and right sides of the content area.

This minor inconsistency may affect visual alignment and user experience, especially for users focusing on UI precision.

.wrap Left Space warpleftspace.jpg​

.wrap Right Space warprightspace.jpg​

.wrap Margin wrapmargin.jpg​

#wpcontent Padding wpcontentpadding.jpg​

[dd32]

#63463 was marked as a duplicate.

Fix: Removed 2px left margin from .wrap to align admin content evenly

Trac ticket: 63464

[avinashbhosale]

Test Report

Description:

This report validates whether the indicated patch works as expected.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/63464/63464.diff

Environment:

• WordPress: 6.8.1
• PHP: 8.2.27
• Server: nginx/1.26.1
• Database: mysqli (Server: 8.0.35 / Client: mysqlnd 8.2.27)
• Browser: Chrome 137.0.0.0
• OS: Windows 10/11
• Theme: Twenty Twenty-Five 1.2
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results:

1. ❌ Issue not resolved with patch.

Additional Notes:

• Applied the diff file. I can see the changes applied to the common.css file to the .wrap class, but in the browser still the same issue is observed.

Screenshots:

wrap margin: ​https://prnt.sc/zP609nPrRpsr

[sabernhardt]

#63306 was opened first, so I will close this as the duplicate.

[sabernhardt]

Duplicate of #63306.