ScrollControls causes viewport to be stretched out

I am having an issue with the canvas in r3f. When I implemented ScrollControls on the camera, it appears to be stretched out vertically, and would return to normal as soon as I scrolled to the bottom. Here my example of the problem I am encountering. I would like the skewed effect to not happen, and for the camera’s animation to happen instead. If you know what might be causing this issue, please let me know!

Thank you!

UPDATE: It only seems to become unskewed if I change the camera to either Perspective or Orthographic Camera, but it reverts back to skewed if the page is refreshed. ¯\_(ツ)_/¯