Figma Support Forum

How can I maintain component position with hover interactions

I have these two components in different size (image A), and I’m trying to trigger a state change when hovering over a default component, which is the left one in the image.

[Image A]

The hovering interaction seems to be working just fine, but the issue is that, the second component shifts to the bottom right when the state is changed. (Image B to Image C)

[Image B]
Image B

[Image C]
Image C

What I would like do here is maintain the component position on hover as you can see in the image below. (Image D)

[Image D]
image D

I am not sure if I’m doing this in the right way, but any tips would be very much appreciated.

Thank you.

Currently you cannot achieve that with Interactive Components. You can either use Overlays for that or make both components equally sized.

1 Like

I see, thank you Gleb!