Make WordPress Core

#63510 closed defect (bug) (duplicate)

Extra space (4px) on the right side of search boxes in WordPress admin mobile view

Reported by: dvpatel Owned by:
Priority: normal Milestone:
Component: Administration Version:
Severity: normal Keywords: has-patch
Cc: Focuses: ui, css, administration

Description

In the WordPress admin area, when viewed on a mobile device, the search boxes have an extra 4px space on the right side. This does not break the layout but causes unnecessary white space, making the UI look slightly off.

Steps to Reproduce

  1. Open the site on a mobile device or use mobile view in browser developer tools.
  2. Navigate to any page with a search box.
  3. Notice the extra 4px margin on the right side of the search box.

Expected Results

The search box should use the available width without extra space on the right side.

Screenshots

https://prnt.sc/tV7-bozcIVAW

Environment

  • WordPress: 6.9-alpha-60272
  • PHP: 8.2.28
  • Server: nginx/1.27.5
  • Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
  • Browser: Chrome 136.0.0.0
  • OS: Windows 10/11
  • Theme: Twenty Twenty-Five 1.2
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Additional Notes

  • This happens specifically in the WordPress admin panel’s mobile view.
  • No layout break, but the spacing looks inconsistent.

Attachments (2)

search box Issue.png (137.2 KB ) - added by dvpatel 14 months ago.
63510.patch (335 bytes ) - added by dhruvang21 14 months ago.

Download all attachments as: .zip

Change History (4)

@dhruvang21
14 months ago

#1 @dhruvang21
14 months ago

  • Keywords has-patch added; needs-patch removed

#2 @sabernhardt
14 months ago

  • Keywords needs-design-feedback removed
  • Milestone Awaiting Review
  • Resolutionduplicate
  • Status newclosed
  • Version trunk

Trac already has #63310 about removing this margin, but the patch is another option to consider.

Note: See TracTickets for help on using tickets.