Hi

I have an issue with changing the icon size in one of our components in our design system.

I have created a tab selector, which looks like this:

The tab selector is also needed in a smaller version. However the icon then looks very large compared to the smaller text:

The structure of a tab button is like this:

And is setup with these properties:

The “icon-scaler” is created to control icon sizes as well as which icon is used. It works perfect when not nested inside another component. When used in the .tab-selector-button, I can no longer change icon size but I can still change the icon?

I have no idea how to go about this and I cannot achieve what is achieved here:
How to use an IconWrapper in Figma

Maybe I’m missing something?

Thanks.