up and down spinner arrows are getting unnecessary spacing in `<input type="number">` elements

[mehrazmorshed]

up and down spinner arrows are getting unnecessary spacing in <input type="number"> elements

Screenshot: ​https://jumpshare.com/share/g8wpUN0oqZZj4txo6FOG

Theme: Twenty Twenty-Five
WordPress Version: 7.0-RC2

[anupkankale]

Tested on WordPress trunk (checked out today, March 31, 2026).

Could not reproduce the issue - the up/down spinner arrows on <input type="number"> elements appear to have correct spacing.

Tested in:

• WordPress: trunk (latest)
• Browser: Chrome [edge]
• OS: Windows 11 (WSL2/Ubuntu)

Steps taken:

1. Checked Settings → General page → Media Settings
2. Inspected number input fields
3. No unnecessary spacing visible on spinner arrows

Suggesting this may have been fixed in a recent commit, or may require more specific steps to reproduce. Could the reporter please confirm if the issue still exists and provide exact reproduction steps?

[mehrazmorshed]

The issue still exists in my side.
My WordPress version: 7.0-RC2-62162

[anupkankale]

My WordPress version (7.0-RC2-62153-src)

[wildworks]

Hi, I Think this problem was fixed reentry. See [62172]. Could you test it again with the nightly version of 7.0?

[huzaifaalmesbah]

The issue has already been fixed. You can verify it here: ​https://playground.wordpress.net/?wp=trunk

[wildworks]

Thank you, let's close this now.

[huzaifaalmesbah]

@wildworks The issue is reproducible in WordPress 7.0-RC2-62162 but appears to be fixed in the 7.1-alpha-62182 nightly build.

Environment

• WordPress: 7.0-RC2-62162
• PHP: 8.2.30
• Server: nginx/1.29.7
• Database: mysqli (Server: 9.6.0 / Client: mysqlnd 8.2.30)
• Browser: Chrome 146.0.0.0
• OS: macOS
• Theme: Twenty Twenty-Five 1.4
• MU Plugins: None activated
• Plugins:
  • Plugin Check (PCP) 1.9.0
  • Test Reports 1.2.1
  • WordPress Beta Tester 4.0.0

Result

• 7.0-RC2: Issue reproducible
• 7.1-alpha (nightly): Issue resolved

[mehrazmorshed]

Won't we fix it in WordPress 7.0 final release?

[wildworks]

This issue has already been fixed in the latest 7.0 branch, so it should be resolved in the upcoming 7.0 RC release.

[sabernhardt]

I think this report is about the 4 pixels of padding on the right, which [61645] added to number inputs with the small-text class. The tiny-text class continues to set the right padding to zero.

The padding might not be necessary, but I expect it was intentional.

[sabernhardt]

On the Media Settings page, the inputs do seem unnecessarily narrow. Maybe the width and max-width could increase:

.options-media-php .small-text[name*="_size_"] {
  margin: 0 0 1em;
  width: auto; /* or set to specific value */
  max-width: 6em;
}

[wildworks]

I think this report is about the 4 pixels of padding on the right

Thank you, I misunderstood.

Maybe the width and max-width could increase:

I don't have strong option, but there might be an approach to increase the width itself to accommodate the increased padding.

src/wp-admin/css/forms.css

@@ -496 +496 @@
 }
 
 input.small-text {
-       width: 50px;
+       width: 54px;
        padding: 0 8px;
 }
 
@@ -505 +505 @@
 }
 
 input[type="number"].small-text {
-       width: 65px;
+       width: 70px;
        padding-right: 4px;
 }