SharePoint Document Issues

Fix Double Scrollbars on SharePoint Communication Site

Khadija Khan Oct 13, 2026 868 views

Question details

The user is experiencing an issue where two vertical scrollbars appear simultaneously on a SharePoint communication site page.

How to Fix Double Scrollbars on a SharePoint Communication Site

Product: Microsoft SharePoint
Device & OS: not provided
Scenario: Viewing a SharePoint communication site that includes a Document Library web part configured to show folders.
Observed behavior: The site page renders with double vertical scrollbars due to a conflict involving standard SharePoint rendering, a one-pixel HTML element, and backend body overflow styling.

Before you start

Verify if the double scrollbar behavior persists across different web browsers (such as Edge, Chrome, or Firefox) or in an incognito window to rule out browser-specific caching or conflicting extensions.

Solution 1Recommended

Open a Support Ticket in Microsoft 365 Admin Center

Since this UI glitch involves native SharePoint rendering and backend page styles, the safest approach is to have Microsoft Support investigate and deploy an official fix.

Applying custom CSS or modifying production code to hide scrollbars can lead to unexpected UI bugs on other SharePoint pages or break elements after future Microsoft updates. The issue requires appropriate backend access for a permanent fix.

Gather diagnostic details

Collect the exact URL of the affected page, note your browser name and version, take full-screen screenshots showing the double scrollbars, and document the configuration settings of the Document Library web part.

Contact your SharePoint Administrator

If you do not have administrative privileges, provide the collected diagnostic information to your organization's SharePoint Administrator or IT department.

Access the Microsoft 365 Admin Center

The administrator must log in to the Microsoft 365 Admin Center using an admin account.

Create a new service request

Navigate to the 'Support' or 'Help & support' section on the left-hand menu, open a new support ticket, and provide Microsoft with all the diagnostic details about the web part layout issue.

Wait for official resolution

Refrain from deploying temporary script editor hacks or modifying production page code until Microsoft confirms the root cause and updates the backend rendering.

Open a Support Ticket in Microsoft 365 Admin Center

Avoid Custom Code Modifications: While it might be tempting to use an SPFx extension to force 'overflow: hidden' on the body, this is considered unsupported customization and may interfere with standard SharePoint dialogs and menus.

Free Microsoft Office alternative

Manage and Edit Your SharePoint Documents Seamlessly with WPS Office

While Microsoft Support resolves your SharePoint site display issues, ensure your actual document workflow remains uninterrupted. WPS Office is a highly compatible, free, and lightweight alternative to Microsoft Office that lets you effortlessly edit Word, Excel, and PowerPoint files downloaded from your SharePoint libraries.

1. Download the software: Visit the official WPS Office website and click the free download button for your operating system.
2. Install the application: Run the lightweight installer and follow the on-screen prompts to set up WPS Office on your device in minutes.
3. Open SharePoint files: Download your documents from the SharePoint library and open them directly in WPS Office for immediate, highly compatible editing.

Fully compatible with Microsoft Office formats (.docx, .xlsx, .pptx) stored on SharePoint.Lightweight suite that installs quickly and runs smoothly on older or low-spec devices.All-in-one tabbed interface for Writer, Spreadsheet, Presentation, and PDF documents.Free to use with a familiar user interface that requires zero learning curve.

microsoft office alternative - wps office

Frequently Asked Questions

Why does a Document Library web part cause double scrollbars?

This happens when the web part's internal layout introduces a slight overflow (often due to dynamic folder content or a hidden one-pixel HTML spacer) that clashes with the main SharePoint page's body overflow styling, causing the browser to render two independent scrollbars.

Can I fix the double scrollbars myself using custom CSS?

While it is technically possible to inject custom CSS via SPFx to hide the extra scrollbar, Microsoft strongly discourages this. Custom CSS can inadvertently break other SharePoint UI elements, drop-down menus, and dialog boxes.

Does this issue appear on all web browsers?

The double scrollbar behavior may vary by browser. Chromium-based browsers like Google Chrome and Microsoft Edge typically interpret standard SharePoint overflow rules differently than older browsers, making the double scrollbars more prominent.

Document & File Issues