Im building an Angular component

Im trying to hide the arrow of bootstrap popover whit CSS but is not working.

Html:

```
    <button type="button" class="btn btn-link" placement="bottom-right"
      [ngbPopover]="popContent">
      <fa-icon class="text-white" [icon]="['fas', 'user']" size="lg"></fa-icon>
    </button>

     <ng-template #popContent>Hello!</ng-template>

```

CSS:

```
.popover .arrow {
    display: none !important;
}

```

But if I apply the CSS from inspector, it works

Im using: <https://ng-bootstrap.github.io/>