GUI doesnt size correctly with scrollingframe

so basically im doing a chapter selection screen with a scrollingframe and its having errors fitting in.
how it looks normally:
image
how it looks when i go to a phone size:
image

Solutions i tried so far:
using autoscaler plugin = things get streched and it still doesnt scale
sizing on my own = still goes out from the ui
trying to size it with a normal frame = didnt work as you can see
UIAspectRatioConstraint, again no work.

Is the frame sized in Offset or in Scale? If you haven’t already try using a UIAspectRatioConstraint with it in scale.

the frame is sized in offset
and i tried using UIAspectRatioConstraint. didnt work.

and i just tried sizing on scale and offset, didnt work as well.