How to increase width of scrollbar on main window

I am having trouble with the scrollbar on the central and left panels of the Logseq window, especially when the window takes up half of the computer screen or less. The scrollbar is very thin and the handle is very difficult to grab with the mouse pointer.
I have tried some custom css using the edit custom css setting. The only thing that the following code seems to do is darken the left panel scrollbar when the handle is clicked. The width of the left panel scrollbar does not change, and nothing on the main panel scrollbar changes.
.scrollbar {
background-color: #6b6b6b;
float: left;
height: 300px;
margin-bottom: 25px;
margin-left: 22px;
margin-top: 40px;
width: 80px;
overflow-y: scroll;

.force-overflow {
min-height: 450px;

Any help with css code that can make the main panel scrollbar wider and darker?

Try this:

html ::-webkit-scrollbar {
    background-color: #6b6b6b;
    width: 80px;

The example values are not good, but you can experiment with others.

1 Like

That worked perfectly - thank you! (15 pixels for the width is perfect for me)