Need help with weird hover issue

Would really love to hear from the community 🥲

Can you enable copying of the file?
It’s hard to investigate since I can’t duplicate the file to see how’s the prototype is set up.

My bad! Copying is enabled now.

I managed to work around the issue. I just made every button into its own component and now it’s working fine. Wondering if it’s just a bug, or that it’s just not really the correct way to use variants.

There’s definitely nothing wrong about how you use variants.
I think it’s a bug. Maybe it’s related to that particular blob shape you’re using but it’s shouldn’t be happening.

When I create a new variant and use a different shape, it works just fine. Or if I slightly resize the shape in the default state of the buggy variant, it suddenly works as well.

I’d say you can keep using the single component solution with multiple variants, just replace that one specific blob shape or slightly modify it in one variant or another.

Thank you for looking into it, I really appreciate it.

Did you ever figure this out? This is happening to various icons across different designs. Some transition smoothly on hover but others just abruptly snap to the hover color. They’re mostly social icons so they’re all the same size. It’s driving me bananas!