Combining two sets of variables is not working in Present/Preview mode

Hi there

I have created two sets of variables. One set for colors (Light and Dark) and one set for size (Small and Medium).

When I am designing everything looks fine:

image

In the upper row I have two instances of the same component in Light - one is Small and the other is Medium.

In the lower row I have two instances of the same component in Dark - one is Small and the other is Medium.

The component has a variant with a hover effect.

When I Present/Prewiew the frame, it look the same as above. But after hovering on the Dark Medium component it changes size back to Dark Small.

The Dark Medium component is the only one of the four that has two variables actively assigned (color and size). The other three only have one (the other is set to “Auto”).

So it seems if I apply two sets of variables to the same instance something goes wrong.

Has anyone experienced the same?

Thanks in advance.

This is what it looks like in Present mode after hover on all four:

image