Scroll rec has resulted in UI components not being visible.

Hello.

I have implemented a scroll rec that contains a series of buttons. As a result of this, the button image (Background colour) is no longer being displayed. Also, a text component (That is a child of the button) is also not being displayed.

Does anyone know the cause of this? Perhaps it has something to do with the use of Horizontal Layouts?

Below are images that show how my project is setup:


These are the components attached to the “Panel”. Are these causing the problem?

Thank you very much are any help. I have spent so long trying to figure this problem out!

UI order is likely the issue…

which one is the brick wall?

Whats lower gets placed on whats higher, make sure the brick is behind the white square…