Help with UI scaling and scrolling frames

Hey! I have been having some issues with scaling UI objects inside of scrolling frames. What I’m trying to do is have buttons inside of the scrolling frame that will open separate menus once pressed. I got all the scripting done for the opening and closing of the menus, but there is one more issue.

The buttons scale horribly inside of scrolling frames. Basically, I have resorted to using offset instead of scale inside of scrolling frames because whenever I attempt to use plugins or even just adjusting the scale values myself, things like this happen -

(Towards the end of the video you can see that I opened up an emulator, and the buttons were tiny and barely noticeable.)

If anyone could provide any help at all, I would greatly appreciate it! Hopefully, I am not the only one with this issue and that someone knows how to fix this. This may also be a Roblox bug, but I wouldn’t want to jump to conclusions. Thank you for any help, and goodbye!

First of all it is not recommended to use offset for gui’s it can cause so many different things on different screen, for example someone on a phone will have even bigger buttons,

If i were you, i would avoid changing gui’s position/size with the mouse, i suggest using the properties bar as it gives you kinda more accurate thing, and you can also use Anchor Points in properties which can help aswell

And for the Scrolling Frame i you should try using UIGridStyleLayout