Resizing a component for hover state changes original position and size?

[Maja5FCE]

Hello!

I am currently new to XD and am trying to work with hover states. As of today I seem to have following problem:

• I create a colour filled shape.
• I center it in the artboard and make it a component.
• I create a state for this component.
• Then I create a hover state. 
• When I now modify the size of the shape in the hover state. i.e. make it bigger, suddenly my initial shape has changed it's position in the original state. It seems to align left with the hover state?
  No matter what I do, I cannot make it that both shapes in both states are alligned in the center. centerin one always throws the other one "out of position".

My version of XD is 36.0.32.10 and I am using a Windows 10 PC.

I tried looking for solutions in the forum but mostly found tickets that have been started but not really resolved? I am sorry if I have overlooked something.

[Maja5FCE · Accepted solution]

Ah, please ignore this! I just found the solution! 🙂

In order to resize the element I need to modify the shape within the component, not the entire component.

[HARSHIKA_VERMA]

Glad to hear you are able to find the problem. Please feel free to reach out to us in the future for any query related to XD.

We would be happy to help.

Thanks,

Harshika