Hat Shop images rendering while outside of ScrollingFrame

[Rileybytes (Riley)]

I have a Hat Shop UI prototype, pictured below, where you can buy Hats for different amounts of money. Once you buy a hat, the pricetag is removed and replaced with a “Sold” banner that crosses the button. The purchase buttons are inside of a UIGridLayout which is inside of a ScrollingFrame.

The issue I’m having is that the “Sold” banner is rendering outside of the bounds of the ScrollingFrame (pictured below). I’ve tried changing the ZIndex of the “Sold” banner but it just pushes it below other items and still renders outside of the ScrollingFrame.

Any help would be much appreciated

Hat shop and sold banners being funky:

Zindex lowered:

[Pathinl]

Does the sold banner use rotation? Rotated ui objects dont clip properly(known bug). For workaround, bake the rotation in an image editor and just use that.

[Rileybytes (Riley)]

That was it, thanks for letting me know!