UI Circles do not scale correctly on all devices

[Sub2_AlteredMindYT (AlteredMind)]

1. I need to figure out a way for the Circle UI’s to scale correctly on all devices.

2. On my computer it looks correct (How I want it to look):
   
   Though, on other devices with different scales, the distance between each circle, proportional circle size, and overall size of the circles take on the screen. I’ve used “UIAspectRatioConstraint” to keep the circles, circles, but unfortunately, the circles don’t always take up the same amount of space on the screen and sometimes overlap.

Wider res screens cause this:

Thinner res screens cause this:

3. I’ve tried many different UI aspect ratio ideas from the Forum, though none fix this problem. I also tried using a Scaling script I programmed in the past, though, it only fixed the circles when the screen is longer (x).

I’ve finished programming this game but before I can fully have it finished I need to find a way to fix the UI for this game.

[Coolsbloxian]

I supposed you used Autoscale Lite

Just to clarify, these are all basic guis right? No scripts

[Sub2_AlteredMindYT (AlteredMind)]

I did not use Auto Scale Lite, I used my own plugin I programmed using the formula to convert Offset to Scale. The Circles are made using UI Corner, is that the problem?

[RMofSBI]

Have you tried to set your UIAspectRatioConstraint property of DominantAxis to Height?

Do you mind showing your explorer hierarchy for this UI? (are you using UIListLayout or UIGridLayout?)

[Sub2_AlteredMindYT (AlteredMind)]

I am using “UIListLayout”

I have a way to fix Smaller screens (Phones and Tablets), but thinner screens such as 13.1 computer screens shrink the circles size (as shown in images above)

[RMofSBI]

Have you tried to use Offset for the padding rather than Scale?