UMG elements cut off strangely when moved/scaled

As shown in the photos, I have a few images (purple diamonds) I am using as buttons, but as I move them around the page to the position I want, they will seemingly randomly get cut off, always in a different location on the diamonds. I cannot seem to figure out the logic for where or why they get cut off. I have three elements grouped into a canvas panel in the photos to move them around easier, but this happens when they are individual as well. I have each set to “image” and “no tile” in the appearance tab.

You can also see when I simply zoom in on the diamond image it will get cut off in a really strange way, as shown in the photos.

I have played with Zorder with no success. They are PNGS with alpha. Really not sure what else to try.