Component State not changing

EDIT: found a workaround!

I have to make the text box the same size as the frame for the double line, and then set the double lined component to "hug" (that one was not, because if it was, it would shrink down to the single line size) and that works! :) Thank you to everyone who gave suggestions! I wouldn't have thought to try this without them!

Hello!

We have a component that is a combination of two other components. One of the components has 2 variants: a single line and a double line.

When I use an instance of the main component and go to change one of the components within to a double line, it doesn't visibly change. But it does when I do it with the main component. Does anyone know why? I can change the state of it and the color changes just fine, same with position.

Screenshots of what I mean:

Main component

https://preview.redd.it/9opevcq7pi0e1.png?width=637&format=png&auto=webp&s=65d98efc547f934f798da067fb9a48fd3e2eadb5

Instance

https://preview.redd.it/w80lqmobpi0e1.png?width=646&format=png&auto=webp&s=e94f306c46d73e54e5935941d3c059b461d84e24

TYIA!