Select Drop Down appears behind the elements

Hi, There is a select drop down in a form and right below the select drop down there is a table element. When the user clicks on the drop down - the drop down appears right behind the table. I tried changing the z-index and overflow values - but does not seem to effect the drop down. The older version mdb-angular-pro-5.2.3 did not have this issue. Also an observations during my testing -  when the drop down is arranged on top of other form elements it appears correctly however when there is non form element eg: table, div-card or a div used as divider ( eg: mat-divider ) below the drop down - the drop down appears behind the element. Can you please suggest me on the fix.      

---