404 Page Shows Unwanted Horizontal Scrollbar on Desktop

[dvpatel]

On desktop screens, the 404 error page is not displaying properly. A horizontal scrollbar appears at the bottom, indicating that some element is overflowing the viewport width. This breaks the clean layout and may indicate a CSS issue related to width, margin, or positioning.

Steps to Reproduce:

1. Go to any invalid route to trigger the 404 page (​https://wordpress.org/404/)
2. On a desktop browser (e.g., 1920×1080 screen), observe the bottom of the page.
3. Notice that a horizontal scroll bar is visible.

Expected Behavior

The 404 page should fit entirely within the viewport width without causing horizontal scrolling on desktop. All content should be responsive and centered or aligned properly.

Environment

• Device: Desktop
• Browser: Chrome Version 137.0.7151.68
• Screen Resolution: 1920×1080
• OS: Windows 11

Screenshot

​https://prnt.sc/chKYsZPRh8U-

[dd32]

I'm unable to duplicate this on Chrome 137 on Mac.

[dvpatel]

@dd32 I'm unable to reproduce this issue on Chrome 137 on Mac. However, I did notice the issue on my Mac on my end.

Environment

• Device: Desktop
• Browser: Chrome Version 137.0.7151.57
• Screen Resolution: 1920×1080
• MacOS: 15.5

Screenshot

​https://prnt.sc/8mFwL9oMDyxy

[iamshashank]

Reproduction Report

Description

❌ Unable to reproduce the issue.

Environment

• Browser: Chrome 137.0.0.0
• Device: Desktop
• OS: macOS

Actual Results

1. No horizontal scrollbar visible at the bottom.

[dvpatel]

@iamshashank Can you please attach some screenshots

[iamshashank]

Here is the screenshot ​https://ibb.co/Lz5DysGh

[dvpatel]

@iamshashank @dd32 Issue occurs on a 1920px screen size.