GUI Buttons - Move red dots marking button edges?

[HyperAnimated]

I'm editing the existing Iconbar GUI from the Sierra template, replacing the Walk/Look/etc. buttons with my own graphics.

With my new GUI image, my buttons are further down/to the right than the original buttons.

But I can't figure out how to move the red dots marking the edges of the old buttons.  I see the lower right dot will let you resize it, but can't find a way to re-center the dots over my new buttons.

Do I have to drag and drop new buttons from scratch to do this?  Am I missing something obvious?

Thanks for your help!

[Scummbuddy]

Besides dragging and dropping the existing button, there are the height and width properties to change along the right side. Change those properties to be the size of your new graphics.

[HyperAnimated]

I tried all those options first...changing Top/Left only moves the entire button, and Height/Width only moves the lower right red dot, while the other 3 dots can't be moved.

I think part of the problem is my buttons have a Mouseover image (a glow that extends outside the normal button edges), so there's a transparent edge to the button Image.  The other 3 red dots are at the edge of that transparent space.

Just wondering if there's any way to move the red dots to the visible corners of the buttons.  I can rework the buttons so they don't have the glow outside the box, I just like the effect.

[Cassiebsg]

make your sprites the exact same size, even if all you have on the normal is alpha. Then center the button in place.
The "red dots" ae the button size and that is determined by the size of sprite used. Can't remember if it'll then react to clicks on the alpha though, but think it will. Test it? 
If need be, you can use a "dummy" transparent button for the click only  on the click area and the a non-clickable button to host the image and MouseOver. The amount of how much work and effort you may need to put in depends on your nitpicker self.