Icons and thumbnails stick to border after file upload in Media Library

[sukhendu2002]

When uploading files via the Media Library in WordPress, the icons or thumbnails of uploaded files appear to be sticking to the border.

Steps to Reproduce:

Go to the WordPress Dashboard.
Navigate to Media > Add New Media File.
Upload one or more files using the drag-and-drop area or the "Select Files" button.
Observe the icons or thumbnails of the uploaded files after the upload is complete.

This PR addresses a UI issue in the Media Library where icons or thumbnails of uploaded files appear to stick to the border of their containers after file upload.

### How to Test:

1. Navigate to Media > Add New Media File in the WordPress admin dashboard.
2. Upload a file using the drag-and-drop area or the "Select Files" button.
3. Verify that the thumbnails/icons of the uploaded files no longer stick to the container's border and are appropriately spaced.

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

[im3dabasia1]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

[sainathpoojary]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/7894

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins: Test Reports 1.2.0

Actual Results

✅ Issue resolved with patch.

Supplemental Artifacts

Before patch:

After patch:

[im3dabasia1]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/7894.diff

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.25
• Server: nginx/1.27.2
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
• Browser: Chrome 129.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.0
• MU Plugins: None activated
• Plugins:
  • Test Reports 1.2.0

Actual Results

1. ✅ Issue resolved with patch.

Supplemental Artifacts

[joedolson]

Introduced in #60141. Pinging @audrasjb.

[audrasjb]

Thanks for the ping @joedolson! Self assigning for final review.
Let's fix this in 6.8.

[audrasjb]

In 59550:

Media: Fix margin issues on the Media file upload screen.

This changeset fixes an issue in the Media Library where icons or thumbnails of uploaded files were stuck to the border of their container after file upload.

Follow-up to [58279].

Props sukhendu2002, im3dabasia1, sainathpoojary, joedolson.
Fixes #62573.
See #60141.

Committed in https://core.trac.wordpress.org/changeset/59550