How to set the Popup z-index so it will appear outside the map container?

[kbeverforden]

I have tried adding z-index to the ReactMapGL component and the Popup component using the style and className attribute but the pop up will only appear inside bounds of the map. See screen show below where the pop up goes behind the content on the left. I would like the pop up to appear above anything on the page.

I am using version 6.1.17.

[kbeverforden]

If anyone has this same issue it was caused by overflow: hidden on this element. I changed it to unset and the pop up appears outside the map