Clicking a text button causes the gui behind it to overlap it?

I have made a little shop button which is simple and opens a frame to buy things but the thing is I whenever I click the button in-game the image behind it overlaps it so I can't click it anymore. Everything is completely perfect except for that.

I have tried to do LayoutOrder which I think means layers, I put on the button's order 1 and the image's order is 0.

First I suspected it was just changing my text whenever I click it but then I looked in my PlayerGui and it showed that the text button was behind the image label. I also tried to fiddle with parent hierarchy and that didn't work to.

I am using the Roundify plugin which rounds gui's corners to make them look better with an image but that image is overlapping my text button.

Here's part of my script responsible for opening the shop:

local function OpenShop() -- ShopFrame is a completely different frame in another ScreenGui
    if ShopFrame.Visible == false then
        ShopFrame.Visible = true 
    else
        ShopOpenButton.Visible = false
    end
end

ShopOpenButton.MouseButton1Click:Connect(OpenShop)

If you can tell me more possible solutions or an alternative please let me know!! thanks for reading.