Scroll Box in Scale Box Does Not Scroll

I’m trying to make mobile game and for every UI, I have used a scale box to wrap around everything within the UI. However, this causes my scroll box to not function. All the children within the scroll box simply scales down to fit within the screen instead of creating a scroll bar. How do I get it to work with the scale box in place though?

(The images are temporary, it looks pretty messy at the moment but I hope it’s still understandable)

This is before the scale box is removed: (scroll bar not present and all children have been scaled down in size)

This is after the scale box is removed: (scroll bar showing)