I’m trying to build a scalable and flexible form field input component, made out of the subcomponents (background, labels, right icon, left icon) so I can change the states between default, focused, and error. 

I’ve built these, but no matter what settings I have applied on the subcomponent “background” (position: scale / R &T; auto layout: hug - I cannot fill container as there is no parent container to fill) when I incorporate it into a core component, the “background” subcomponent’s width cannot be changed. 

What is going wrong here?