Unable to interact with buttons in the Pause Menu

Hi all,

I have implemented a shield mechanism in my game for which I have created a separate widget with a health bar for the shield:-

I have added a canvas panel as the parent and anchored the widget to the top left so that it shows up right underneath the stamina bar if a shield is equipped.

The problem is that when I open the pause menu while a shield is equipped, I am unable to interact with any of the buttons. I can see the cursor but I’m not even able to hover over the buttons:-

I read something about the ZOrder of different UI elements but altering those values doesn’t make a difference.

I also tried using the widget reflector tool and it seems like when the shield health bar is rendered to the screen, everything else in the HUD is underneath it because I am unable to see the Pause Menu or the player health and stamina bars in the tool:-

Could you please help me out? I’ve been stuck on this for a while now :frowning:

Thanks!

Aditya