Google Chrome and Mozilla Firefox both browsers include horizontal and vertical scrollbars so that you can easily find and view the contents on these browsers. However, if you are not satisfied or comfortable with the default width of scrollbars of Chrome and Firefox, you can make scrollbars wider or thinner according to your needs.
Mozilla Firefox has built-in options to change the width of scrollbars. However, to change the width of scrollbars in Google Chrome, you’ll need to use a free extension.
In this gearupwindows article, we will guide you on making the Mozilla and Chrome browser’s horizontal and vertical bars broader and thinner.
Topics Covered
How to Change Scrollbar Width in Google Chrome on Windows 11 or 10?
The Scrollbar Customizer is a free extension for Chrome browse that allows you to change the scrollbar size quickly. Apart from that, using this extension, you can also change the border color, add shadow with a custom color to the slider handle, add rounded corners to scrollbars, etc. However, this extension doesn’t work on the Chrome Settings page, Chrome Web Store, Extensions page, etc.
To get the Scrollbar Customizer extension, navigate to the chrome.google.com page in the Chrome browser and click on the
Next, click the
Once you have installed this extension on your Chrome browser, click on the extension icon present in the top right corner of the Chrome browser.
Then, click the three-dotted vertical menu beside the “Scrollbar Customizer” and select
On the Options page, using the “Preset Scrollbars” drop-down menu, you can select pre-defined scrollbars. If you are not happy with any scrollbar, click
Now, you will see several customization options, including Scrollbar Style, Button Style, and Thumb Style. Once you have made the desired changes, you can see the live preview of the scrollbars on the top of the screen. When you’re happy with the changes, click the
How to Change Scrollbar Width in Mozilla Firefox on Windows 11 or 10?
Unlike Google Chrome, for Firefox, you don’t need to download and install any add-on or extension to change the scrollbar width as there is a native option to do that.
To change scrollbars width in Mozilla Firefox on Windows 11 or 10, use the following steps:-
Step 1. First, open the Firefox browser and then type the following in the address bar:-
about:config
Step 2. Then, press the
Step 3. When you see the “Proceed with Caution” warning message, click the
Step 4. On the Advanced Preferences page, type the following in the search box:-
widget.non-native-theme.scrollbar.style
Step 5. In the search results, double-click on
- 0: Default width (current Windows OS style scrollbars)
- 1: MacOS style scrollbars
- 2: GTK style scrollbars
- 3: Android style scrollbars
- 4: Windows 10 style scrollbars
- 5: Windows 11 style scrollbars
Once you complete the above steps, Microsoft Firefox scrollbars will immediately change.
That’s it.