Hi, Just to let you know I am using Angular Pro. Thanks to your solution which is very similar to mine, except I have included the <div class="accordion"></div> Without the accordion class div, the item width display as the same width as the sidenav and the item stated highlighted all the time. Regards

---

Hi, You can add this code

<li>
  <div class="card">
    <div class="card-header">
      <a class="pl-2" role="button" href="http://www.google.pl">
        <h5 class="mb-0">
          <i _ngcontent-c0="" class="fa fa-chevron-right"></i> Submit blog
        </h5>
      </a>
    </div>
  </div>
</li>

and check if you place it in <ul class="collapsible collapsible-accordion"> Regards

---

I had a look at the code on how squeezebox was generated and came up with the solution below, but I am not sure is that the best practice. <ul class="collapsible collapsible-accordion"> <div class="accordion"> <div class="card"> <div class="card-header"> <h5 class="mb-0"> item name here </h5> </div> </div> </div>

---