Overlay sits over the top of the sidebar and content

[simpleDesignsMitch2019]

I followed the guide on the README but still had the issue of the overlay showing up over the top of the sidebar as well as the content.

<ng-sidebar-container>
   <ng-sidebar [(opened)]="_opened" showBackdrop="true" closeOnClickBackdrop="true" mode="push" position="left" sidebarClass="shadow-sm">
   <p>Sidebar contents</p>
   <hr/>
   </ng-sidebar>
   <div ng-sidebar-content>
      <nav class="navbar navbar-expand-lg navbar-dark bg-light" style="background-color: #5186ff !important;">
         <a class="navbar-brand" (click)="_toggleSidebar()">
         <img src="/assets/logo.png" width="70" height="30" alt="Motice"> 
         </a>
         <button class="navbar-toggler" type="button">
         <span class="navbar-toggler-icon"></span>
         </button>
         <div *ngIf="auth.user | async then authrightnav else guestrightnav"></div>
      </nav>
      <router-outlet></router-outlet>
   </div>
</ng-sidebar-container>

[wi3land]

@simpleDesignsMitch2019 are you sure the overlay is on top of the sidebar or is it just you side bar doesn't have a background-color?