Scrollbar CSS Not Applying Anymore - Anyone Else?

Hey all,

Quick question: has anyone else noticed their custom scrollbar CSS not taking effect recently? At the start of this month, my styling for less obtrusive scrollbars (no arrows, hidden horizontal bars, and slim design) just stopped working across multiple apps. No changes were made on my end, yet it’s as if the CSS is just being ignored now.

Just trying to figure out if this is a widespread issue or if it’s just me. If you’ve been tweaking scrollbars or groups with custom CSS, have you noticed any changes or is your setup still working fine?

Would love to hear if you’re experiencing the same or if your custom styles are unaffected. Thanks!

1 Like

Which browse?

My ones in Chrome are still fine, but some browsers just ignore it etc.

You’re right! Same here. Had to remove the CSS for now.

What did you do as an alternative solution?

@Oliver-wholegraintech: I’ve got custom code targeting Chrome, Safari, and Firefox in the site headers. Interestingly, Safari still applies the styles correctly, but Chrome does not, even though the code is the same.

@maryjose.cobos.s: As a temporary fix, I’ve been placing the CSS directly into an HTML element on the page itself, like in the header section. This approach seems to work, suggesting the issue might not be browser-specific but perhaps related to how the code is being applied or interpreted when placed in page or site headers.


Super strange!

Mine is still working on chrome, I’ve currently got the below in my global header:

/* width */
*::-webkit-scrollbar {
width: 10px;
height: 7.5px;


/* Track */
::-webkit-scrollbar-track {
background: none;
background: #121212;
border-radius: 5px;

::-webkit-scrollbar-track-piece {
background: #121212;
border-radius: 5px;

/* Handle */
::-webkit-scrollbar-thumb {
border-radius: 5px;

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
background: #252525;

1 Like

This topic was automatically closed after 14 days. New replies are no longer allowed.