Body overflow hidden but keep browser’s native scrollbar Locomotive scroll js

I’m using locomotive scroll library for smooth scrolling, The js file of this library creates a custom scrollbar to the body and there is even an option we can disable it.
See the demo of locomotive library Demo
The CSS part of this library makes the native scrollbar hidden. I need the browser native scrollbar should be there and for that, I made the overflow: auto.

But it creates extra whitespace. Is there any way to keep the browser’s native scrollbar?

The tweaks I’ve made it https://codepen.io/shahidali/pen/eYBYZNe