problems editing components with hover

[mowglivj]

I have an image with a mask, then some text overlayed. 

I made a component out of that.

I added a hover state, I left the text showing on the hover state.

Text is hidden in the default state.

If I override the image (there is only one in the component) for some reason I have to do it twice, one for each state otherwise the hover displays the old image.

Am I doing something wrong?

Do I really have to replace the image twice every time I use an instance?

[mowglivj]

This gets worse!

So I've resigned myself to editing everything multiple times for a simple image change which is bad enough, but now, it turns out that if I replace my image in the default state.

Then readjust its size to fit,

copy this and then try to paste it in the hover state to replace the original image, it doesn't retain the scaling that I just did so I have to readjust everything AGAIN!

There HAS to be a better way of dealing with this. Please tell me how!