Hit target for sidebar controls reduced on macOS if document has recently been scrolled

In Safari and Chrome on macOS (haven't tested Firefox), scrolling the document temporarily shows the scrollbar thumb and puts the scrollbar in a state where it shows up on top of all web content if you move the cursor to the right edge of the screen. This means that for a brief period after scrolling the document, the hit target of the sidebar controls are reduced and it is easy to accidentally scroll the document instead of toggling the sidebar.

Safari in this state:

Chrome in this state:

If the user tries to click on the sidebar toggle button but clicks in the area of the scrollbar thumb, the document will scroll.

I'm not what, if anything we should do about this. Can we reduce the height of the thumb so as not to overlap these controls?Perhaps we could have the sidebar controls stick out a little if you move the cursor near to them, perhaps only if the document has recently scrolled?