A long scrolling box or side panel needs a cleaner scrollbar that matches the rest of the design, instead of the browser’s plain default.
⚡ Quick Fix (TL;DR)
The Culprit: A default browser scrollbar is plain gray and doesn't match a custom dark or brand-colored theme.
The Fix: Set a slim, themed scrollbar for modern browsers. This covers Firefox directly – Chrome and Safari need additional ::-webkit-scrollbar pseudo-elements for the same effect, since they don't support this shorthand.
.scroll-container {
scrollbar-width: thin;
scrollbar-color: #0DC0B3 #0B0C10;
}⚠️ Firefox only; Chrome/Safari need ::-webkit-scrollbar too
Was this helpful? Thanks for the feedback!
Tagged in :