ScrollingFrame + UIGridLayout not behaving as intended

I have a system that auto loads frames into a ScrollingFrame to display things to build. It changes the CanvasSize of the ScrollingFrame to be the absolute size of the content within it. I’m having a weird issue when it clones the frames into the ScrollingFrame. The UIGridLayout is setting their positions to the incorrect location outside of the frame (see below where I turned off ClipDescendants).

Other important pictures:

UIGridLayout properties:
image

ScrollingFrame properties:
image

Explorer (“Normal” is the scrolling frame):
image