Problem

This scrollbar track appears all on pages whenever user reloads the page. It is not there initially.

It’s strange considering that there’s no overflow (hence the lack of a scrollbar) and yet a scrollbar track appears.

Any idea why this is appearing and how to get rid of it?

No scrollbar track (initial load)

Scrollbar track (after user reloads page)

Attempted solutions

I’ve tried to apply overflow-x: hidden to the parent element (top container) which does not get rid of the track.

I have also gotten rid of components one by one to see if one of them is causing the overflow. None of the components were causing the overflow.