Grid Misalignment whith Vertical and Horizontal Scroll Bars


I am having an issue whereby when I have both a vertical and horizontal scroll bar. I get a misalignment issue that does not happen gradually but only when I scroll to the far right using the horizontal scroll bar. The amount of this misalignment seems to be the width of the vertical bar (see example picture ‘notworking’ attached).

I see in examples, this is not an issue and there is an additional box (see example picture ‘working’ attached) that seems to fix this, but I cannot seem to get that to work.

Many thanks

Please, provide with a simplified complete demo or share with a demo link, where the described problem can be reconstructred.