Attempting to achieve inputbox expansion (idk how to explain)

okay so to keep it simple, I am designing a custom chat

my particular problem is regarding chat expansion (not the light grey area) aka from
this

to

this
grafik

so as you can see, the chat frame (and the inputbox but I’m not referring to the inputbox) has expanded.

I am trying to make my chat semi transparent but that’s where the problem occurs

the way I expand the chat is by pushing a frame (behind the main chat frame) further down. but if I plan to design my chat to be semi-transparent rather than fully opaque, this will look awful as both clip and thus create a darker area as seen above.

I know that a better practice would be to expand the chat in size horizontally but then I have yet another problem:

as you can see, I have a UIAspectRatioConstraint and UISizeConstraint controlling the entire chatframe (which the inputbox etc is part of). because of the UIAspectRatioConstraint, I can’t expand the chatframe horizontally but diagonally. and if I decide to remove the UIAspectRatioConstraint, the chat frame won’t properly scale to all devices

I’m not sure what to do here so any help is appreciated.

I’m not an expert on gui by no means.

but, if your able to, try changing the Y position.
or
you can try having it custom scale the gui depending on the cameras aspect ratio