Icon variants are distorted in size while changind

Hello everyone! I have a problem with the size of my icons inside an input field that Im designing
I added an icon to the right of my input field (icons are a component set) and made a component out of the input field. I also have a small-medium-large sizes for my icons
Now when Im trying to change the icon (for example from small icon A to large icon B) it doesnt show the icon B in the large size, but keeps it inside a small frame and distorts it.
How to fix this?

If you want your icon instances you be dynamic you need to keep them inside autolayout frame with hug content property

Here is the topic to dig in - Switching variant on child component inside an instance is ignored or applied only to some properties? - #7 by Pavlo_Kiselov

1 Like