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 :
More from the field
Bisect to an Empty Baseline Before Trusting Any Single Theory
.
Multiple plausible-sounding theories for a bug each turned out to be wrong when actually tested – time was spent building fixes…
A Security Dashboard’s Activity Log Can Lag a Full Day Behind Real Time
.
Trying to check a security tool’s activity log for an event that had just happened showed nothing at all.