Angular Popover cause massive page slow downs

Expected behavior

Adding popovers to a page, clicking/hovering/js focusing should open the popover right away with no noticeable lag.

Actual behavior

Adding popovers to a page, clicking/hovering/js focusing causes the whole page to slow down and the popovers to open very slowly. We have tried all 3 methods above to open the popovers, all cause the same issue. We have tired performance fixes that fixed all of the other things causing slowdowns, but popovers still cause big slowdowns. We feel like we narrowed down the issue to being something within MDB, but are open to finding a fix we can do ourselves.

Resources (screenshots, code snippets etc.)

Gif of issue: https://media.giphy.com/media/tmXxtuhik8JwnBbmbo/giphy.gif

Popover Code (let me know what other code you need to see):

<mdb-icon
    fas
    icon="info-circle"
    class="text-primary"
    aria-hidden="true"
    mdbWavesEffect
    placement="left"
    [mdbPopover]="popoverTemplate"
    [mdbPopoverHeader]="field.label"
></mdb-icon>
<ng-template #popoverTemplate>
    <div [innerHtml]="field.tooltip"></div>
</ng-template>