Big white scrollbars on text overflow

When setting a CMS text field to auto overflow scrolling, the scrollbar shows up but it is really big and annoying. How could I style it to be smaller and dark? Is that really the default scrollbar or is there something wrong?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)


Could you try this for me:


.hosts-description {
    overflow: scroll;
    overflow-x: hidden;
    overscroll-behavior: contain;
::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
    background: transparent;  /* optional: just make scrollbar invisible */
    border-radius: 15pt;
/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: #6165ff;
    border-radius: 15pt;

If this works, just edit the paramaters to suit your design.

Hope it helps man,


:webflow_heart: @

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