Icon of an nested component resets color after changing variant

I run into this issue when swapping the instance property of a nested component

Here is my demo file

I’m well aware of the union hack, however, the icons in our design system file have variants (outline, filed), which means that if we apply the union hack and want to change the icon variant, we must dive into 3-4 layers.

Here is another attempt of me wanting this bug to be fixed: link


Yeah, this bug is so annoying, especially when your design system is using tokens.


I had similar issues but some of them were fixed by making sure the layer order of vector and background be consistent. It didn’t fix all those for some reason.

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.