Tooltip z-index problem

Expected behavior Tooltip should be above collapsed accordion item

Actual behavior Tooltip is beneath (z-index issue?)

Resources (screenshots, code snippets etc.) Code:

<mdb-accordion [multiple]="true">
    <mdb-accordion-item [collapsed]="false">
      <mdb-accordion-item-head>Collapsible Group Item #1</mdb-accordion-item-head>
      <mdb-accordion-item-body>
        <div class="row">
          <div class="col-md-8">
            Anim
          </div>
          <div class="col-md-4">
            <mdb-badge default="true" mdbTooltip="Basic tooltip example" placement="bottom">Default</mdb-badge>
            <mdb-badge primary="true" mdbTooltip="Basic tooltip example" placement="bottom">Primary</mdb-badge>
            <mdb-badge success="true" mdbTooltip="Basic tooltip example" placement="bottom">Success</mdb-badge>
          </div>
        </div>
      </mdb-accordion-item-body>
    </mdb-accordion-item>
    <mdb-accordion-item>
      <mdb-accordion-item-head>Collapsible Group Item #2</mdb-accordion-item-head>
      <mdb-accordion-item-body>
        Anim
      </mdb-accordion-item-body>
    </mdb-accordion-item>