How can I resize top bar correctly on all devices?

Hey there! I was recently trying to create a top bar such as Jailbreak but I am failing to do so.

So, here is my topbar:

And when I resize it vertically, it works fine, staying in the same spot:

But, when I resize it horizontally, it becomes abnormally small:

To create this, I used a UIAspectRatioConstraint
image

Here are the settings for the constraint:
image

How can I make it so that, resizing it horizontally or vertically, won’t affect the size and positioning of the top bar? I would really appreciate help! Thank you!

Only use UIAspectRatio for things that require to become smaller on different screens.

You should use Auto Scale Lite. AutoScale Lite - Roblox

I used this exact plugin for the TopBar. I clicked the Add Constraint Button

Remove the constraint, it will fix it.

Now it scales horizontally too!

image
Here are the settings for the topbar by the way!

The topbar dimensions are 1, 0, 0, 36. Set the frame size to this value, and remove the aspect ratio.