Hide scrollbar

[keechan]

How can I remove the outermost scrollbar (this is for the actual body of the page).

I have already tried putting overflow:hidden everywhere but it is still there. Since I have a scrollbar for my sidebar (using q-scroll-area), I just don’t want another scrollbar to be beside it, as it can be confusing for the user. As you can see, I am working on adding another scrollbar just beside the actual body of the page.

I also tried no-scrollbar and no-scroll CSS helpers, still the same.

How can I get rid of the outermost scrollbar?

Codepen:
https://codepen.io/kzaiwo/pen/bGVrweM?editable=true&editors=101%3Dhttps%3A%2F%2Fquasar.dev%2Flayout%2Fdrawer

Thanks!