Navbar glitch on sidenav item clicking

<mdb-navbar SideClass="navbar fixed-top navbar-toggleable-md navbar-expand-lg scrolling-navbar double-nav" [containerInside]="false">

<mdb-navbar-brand>

<div class="breadcrumbs breadcrumb-dn mr-auto">

<p>Logo</p>

</div>

</mdb-navbar-brand>

<navlinks class="navbar-container">

<div class="float-left">

<a (click)="sidenav.show()" class="button-collapse"><i class="fa fa-bars"></i></a>

</div>

</navlinks>

<navlinks>

<ul class="nav navbar-nav nav-flex-icons ml-auto ie-double-nav">

<li class="nav-item dropdown btn-group" dropdown>

<a dropdownToggle type="button" class="nav-link dropdown-toggle waves-light" mdbWavesEffect>

Marry Smith (Manager)

</a>

<div class="dropdown-menu dropdown-primary dropdown-menu-right" role="menu">

<a class="dropdown-item" href="#">Switch to performer</a>

<a class="dropdown-item" href="#">Profile</a>

</div>

</li>

<li class="nav-item">

<a class="nav-link waves-light" (click)="logout()" mdbWavesEffect><i class="fa fa-sign-out"></i> <span class="clearfix d-none d-sm-inline-block">Log out</span></a>

</li>

</ul>

</navlinks>

</mdb-navbar>