Changing color of main component doesn't change color of subcomponent component instance

Ask the community
1

So I’m having this weird behavior in a card where I have it as a component, and inside of it, there’s another component composed of icons component. What happens is, if I change the main color this icon has as other parts of the card, it changes only if it’s the default icon of the card component, but if I change it to the other icons and try to change the color, it doesn’t work, it maintains the old color. Why is this behavior happening and how to fix it?

Also, as a bonus, if anyone could help me at how to make the icons component resize to the icon size accordingly so it doesn’t get distorted, it would be very grateful!

Here’s a link to a figma demo of it if anyone wants to tinker around with it: https://www.figma.com/file/spc0Ths0RNcm7vWY9x8rul/Weird-behavior?type=design&node-id=0%3A1&t=IYysqaaLCUXr8HJc-1

2

Hi @AmodeusR I did notice if you delete and re add the icons instance to the Card component it does allow for the color to update correctly. I would suggest reaching out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new

Be sure to use your Figma account email, include these links to the file, and share it with support-share@figma.com so they can take a closer look.

As for the component resize, see if adding auto layout to the icons in the component set help.