Hover state reverting to the first variant?

hello everyone

im trying to build a color picker component using hover states to match the background color with the selected swatch.

but when i hover between swatches you can see a flash of the default variant.
i tried going through all the groups ad making sure the naming and order is correct

any ideas? see the attached link

Hi, Omri.

Hover only change the variants when being hovered and then reverts back to the initial variant upon leaving the hover. So, Instead of using hover, you might need to use the mouse enter event. There is a copy of how it will be using Mouse Enter inside your file.

Bonus (If you are in a professional license or higher, you may opt to use variables and set variable conditions to create the prototype with less frames):