sidenav links remain active

hi,

when i click a link in the sidebar the .active class gets set correctly.
but when routing to another page (which is not accesible through the sidenav) the sidebar link wich was clicked before will remain with a background color. please have a look at the pictures.

pictures

sidenav code:

<li>
<ul class="collapsible collapsible-accordion ">
<mdb-accordion [multiple]="false" aria-multiselectable="false">

<!-- Simple link -->
<mdb-accordion-item class="no-collase">
<mdb-accordion-item-head routerLink="/cases" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" mdbWavesEffect><i
class="fa fa-database"></i> Database</mdb-accordion-item-head>
<mdb-accordion-item-body></mdb-accordion-item-body>
</mdb-accordion-item>

<!-- Simple link -->
<mdb-accordion-item class="no-collase">
<mdb-accordion-item-head routerLink="/createcase" routerLinkActive="active" [routerLinkActiveOptions]="{exact: true}" mdbWavesEffect><i
class="fa fa-pencil"></i> Create Case</mdb-accordion-item-head>
<mdb-accordion-item-body></mdb-accordion-item-body>
</mdb-accordion-item>

<!-- Simple link -->
<mdb-accordion-item class="no-collase">
<mdb-accordion-item-head [routerLink]="['/viewer']" [routerLinkActive]="['active']" [routerLinkActiveOptions]="{exact: true}" mdbWavesEffect><i
class="fa fa-eye"></i> DICOM Viewer</mdb-accordion-item-head>
<mdb-accordion-item-body></mdb-accordion-item-body>
</mdb-accordion-item>

</mdb-accordion>
</ul>
</li>

i implemented the additional SCSS as written in the docs and i am able to change the color, but the unwanted behavior remains.

any idea on how to 'deselect' the last active sidenav link when leaving the route? thanks!