Hide scrollbars

Scrollbars are useful and improve the affordance of a product because the user knows that the content is scrollable.

Changing the behavior of scrollbars is generally a terrible idea. The difference between "native" and custom scrollbars, no matter how well done, is often a source of frustration.

However, there are some cases where scrollbars can be unsightly or create layout problems, and hiding them is the best compromise.

This is possible with just a few lines of code:

.element {
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}