Dropdown Menu Covered by Other Element

Hi guys,

When I try to preview my design, I found that the dropdown menu covered by other elements. How can I re-position it or re-order to make always visible at front. Kindly help. Thank you!

I found solution to it. apparently, if the dropdown button or menu is under container, navbar or card, you need to set that container or card in css as position: relative z-index: 1000 instead of set the dropdown menu itself. Works for me, Thanks!