Add background to automatically scaling billboard GUI text

Hello, I would like to add a background to text inside of a billboard GUI that uses scaling, so that it gets smaller as you get further from it. The text is variable text, e.g. a username, so I have assigned the AutomaticSize property to be X.

The issue I am facing is that this happens:

As it appears, the red background does not automatically scale based on the text, and goes far beyond.

Here are the instances:
image

Everything is using scaling here

Are you using scaling on the Billboard too?

Yes, I am using scaling of 20, 2

Do you mean 20 is an offset or?

No, I am using a scale of 20, 2 and an offset of 0,0

If you sit all of them with scale instead of offset, it should work perfectly

Billboard:
image
Preview:
image

Have you tried using UISizeConstraints?

Yes but the background here is much wider than the text. I want the background to fit snug around the text instead

No. How would you approach this problem with UISizeConstraint?

it should be like {20,0},{2,0} and NOT like this {20,2},{0,0}, is it like that for you?
You can also use UIAspectRatio.

Yes, it is {20, 0}, {2,0}. Your image of it working perfectly is not working perfectly, because the background is too wide. AutomaticSize should not cause the background to become that big

Could you give me a demonstration of how UIAspectRatio would be used in this case?

The image I sent was of how it is NOT supposed to work but I forgot to mention.

Add a UiAspectRatio inside your frame
image

And move the slider until you get what you want
image

The text is dynamic (e.g. a username), so I cannot manually move the slider for each user that joins the game

Man, you only need to move it once.

Yes but that would result in the text being smaller for longer usernames, because there is a max size set