Expected behavior

Select component rendered inside of a popover component should be on top of the popover

Actual behavior

Select dropdown list is rendered beneath (z-index: 1070) the popover body (z-index: 1080)

Resources (screenshots, code snippets etc.)

import React from 'react';
import { MDBSelect, MDBPopover, MDBPopoverBody } from 'mdb-react-ui-kit';

export default function SelectPopover() {
return (
 <MDBPopover outline btnChildren='Popover' placement='bottom'>
  <MDBPopoverBody>
    <MDBSelect
      data={[
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
        { text: 'Option' },
      ]}
      label='Select'
    />
  </MDBPopoverBody>
</MDBPopover>
);}