UI: Inconsistent left padding between buttons and select dropdowns in media views

[baikare.sandeep007]

In the media frame (e.g., when clicking "Add Media" in the editor), there is an inconsistency in the left padding between buttons (e.g., "Add Media File", "Bulk select") and the select dropdowns (e.g., "All media items", "All dates").

Current padding values:

• Buttons: padding-left: 10px
• Select dropdowns: padding-left: 8px

This creates a visually misaligned UI where the text inside dropdowns sits 2px closer to the left edge compared to buttons.

Expected Behavior

Both buttons and select dropdowns should have consistent left padding for better visual alignment.

Actual Behavior

The select dropdown has 8px left padding while buttons have 10px left padding, causing text misalignment when these elements appear side by side.

Screenshots

Proposed Solution

Update the left padding of the select dropdown in media-views.css from 8px to 10px to match the button padding.

[baikare.sandeep007]

media button UI padding fixes

[audrasjb]

Hello and thanks for the ticket.
Please note that many parts of the interface have changed in WP 7.0.
Would you please check the incoming version to see if the problem is still occurring?
You can try 7.0 using ​this Playground link if you want.
Thank you

[baikare.sandeep007]

Hi @audrasjb
Thanks for playground link of 7.0, I can confirm that the issue still persists on the new UI as well as all the listing pages.

Addition to that in new UI button left padding is increased to 12px and for select it is 8px

[Screenshot](​https://postimg.cc/kRgN4RwY)
[Post listing page Screenshot](​https://postimg.cc/mzt2gbCf)

Trac ticket: https://core.trac.wordpress.org/ticket/65152

## Use of AI Tools
NO

## Description
In the Posts, media pages there is an inconsistency in the _left padding_ between buttons (e.g., "Add Media File", "Add Post", "Apply", "Filter") and the select dropdowns (e.g., "Bulk Actions", "All Categories", "All dates").

## Screenshots

### Button Before
padding : 0 12px i.e. padding-left will be 12px

### Select Before

padding: 0 24px 0 8px;

### Select After

padding: 0 24px 0 12px;

## Expected Behavior
Both buttons and select dropdowns should have consistent left padding for better visual alignment.

## Actual Behavior
The select dropdown has 8px left padding while buttons have 12px left padding, causing text misalignment when these elements appear side by side.

## Proposed Solution
Update the left padding of the select dropdown in /wp-admin/css/forms.css from 8px to 12px to match the button padding.

## Tested:
WordPress: Playground and 7.0 RC-2 both
OS: Ubuntu 24.04
Browser: Version 146.0.7680.153 (Official Build) (64-bit)

[baikare.sandeep007]

Updated patch css according to the refresh UI in 7.0