Using button with id="slim-toggler" insde nav tags

<nav id="sidenav-4" class="sidenav" data-mdb-mode="side" data-mdb-slim="true" data-mdb-slim-collapsed="true" data-mdb-content="#slim-content" >

and

document.getElementById('slim-toggler').addEventListener('click', () => { slimInstance.toggleSlim(); })

Any time a category is opened and then closed, not matter if side-nav was collapsed or not it is turned into a slim version of the sidenav. How should it be managed in order to use slim-toggler inside the nav?

Snippet: https://mdbootstrap.com/snippets/standard/sobis-solutions/3469466#html-tab-view