Figma Support Forum

Need help with hover in interactive component

When I bring in an interactive component and observe it in presentation, everything works fine if I haven’t changed anything.
On the other hand, if I change the icon *, the return after the hover does not recover the correct color.

  • All icons paths are named Vector

Here is an example

Without seeing how you connected the components it’s hard to say what’s wrong, but this looks more like a bug to me than your mistake, so feel free to move this topic to #interactive-components-beta:ic-bugs.

Use the Union trick to override the color. Just wrap the instance of the icon component in Union. An example file can be found here: Vector fill color (nested component) doesn't change back to the one specified in the default variant after interaction - #4 by tank666

1 Like