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

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.