# Scroll wheel size is too small

**URL:** <https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363>\
**Category:** freeCodeCamp Contributors\
**Tags:** contributing\
**Created:** [April 3, 2023, 5:07pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363 "2023-04-03T17:07:26Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Willi\_B](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/willi_b/32/219636_2.png) [@Willi\_B](https://forum.freecodecamp.org/u/Willi_B)\
**Post date:** [April 3, 2023, 5:07pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/1 "2023-04-03T17:07:26Z")

</div>

Is there any way to change the scroll wheel size so that it is larger and easier to grab and use. It is currently highly annoying in being a color that blends and being too small. I appreciate the help.

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [April 3, 2023, 5:14pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/2 "2023-04-03T17:14:52Z")

</div>

Can you be more specific about the exact scrollbar you are referring to?

---

<div class="post-metadata">

**Author:** ![Willi\_B](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/willi_b/32/219636_2.png) [@Willi\_B](https://forum.freecodecamp.org/u/Willi_B)\
**Post date:** [April 3, 2023, 5:16pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/3 "2023-04-03T17:16:23Z")

</div>

the scrollbar that is beside the code you are entering

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [April 3, 2023, 5:38pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/4 "2023-04-03T17:38:38Z")

</div>

In the “(New) Responsive Web Design” part of the curriculum?

I tend to agree that it is too narrow. A narrow scrollbar does give more screen real estate which is likely the reason for it, but the UX when you actually try to grab the scrollbar isn’t that great.

Having a pointer rule (including touch devices) that expands the width of the scrollbar when it is hovered/active would be nice.

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [April 3, 2023, 6:02pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/5 "2023-04-03T18:02:02Z")

</div>

I also agree that the current scroll bar width in the editor is too narrow.

My windowing system (KDE) uses the expand on hover for scroll bars and personally I am not the biggest fan. It still makes the current scroll position very hard to see and the amount of space you gain is so minimal as to be practically useless if you ask me.

---

<div class="post-metadata">

**Author:** ![lasjorg](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/lasjorg/32/280761_2.png) [@lasjorg](https://forum.freecodecamp.org/u/lasjorg)\
**Post date:** [April 3, 2023, 6:47pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/6 "2023-04-03T18:47:40Z")

</div>

I think on mobile the saved space might be a little more worth it. But on a desktop, it isn’t really a big deal.

Having it expand might not be a solution you like, but I still think it is better than what we have now.

---

<div class="post-metadata">

**Author:** ![raisedadead](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/raisedadead/32/244209_2.png) [@raisedadead](https://forum.freecodecamp.org/u/raisedadead)\
**Post date:** [April 4, 2023, 11:33am UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/7 "2023-04-04T11:33:16Z")

</div>

Most users have an alternative scroll input (scroll wheel on mouse, trackpad, or touch device).

However, this can be an issue in specific scenarios like the above. We could add a section in the settings page to change some of these (vertical scrollbar width, for starters).

I do not want to introduce UI elements on the challenge page. Keeping it in the settings with some sane defaults would be best.

Here is the code if you are interested:

> <https://github.com/freeCodeCamp/freeCodeCamp/blob/82e21aca0e8357e52ff95ae5d7ccb7eba02e8bb2/client/src/templates/Challenges/classic/editor.tsx#L289>

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [April 5, 2023, 5:00am UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/8 "2023-04-05T05:00:10Z")

</div>

@raisedadead Great idea. I’m going to put together a PR.

---

<div class="post-metadata">

**Author:** ![bbsmooth](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/bbsmooth/32/203556_2.png) [@bbsmooth](https://forum.freecodecamp.org/u/bbsmooth)\
**Post date:** [April 30, 2023, 5:36pm UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/9 "2023-04-30T17:36:13Z")

</div>

Hey @Willi_B, you can now change the width of the scroll bar in the editor from the Settings page.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/freecodecamp/original/3X/e/1/e1c433102e34b46dfaa3e15d13ab9a514b127078.svg) [@system](https://forum.freecodecamp.org/u/system)\
**Post date:** [October 30, 2023, 5:36am UTC](https://forum.freecodecamp.org/t/scroll-wheel-size-is-too-small/602363/10 "2023-10-30T05:36:29Z")

</div>

Closed on October 30, 2023, 5:36am UTC

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.
