Not poping over header

[GearTheWorld]

I have a bootstrap tabs with cards inside the tab-content tab-pane. Each card has a delete button and a confirmation attached to it. when I'm at the top, the confirmation appears under my header. Could you have s small trick to make it pop over everything on the page ?

I tried container: 'body' and the button isn't clickable so I removed it I tried overriding z-Index of .popover but no result.

thank you