Hi there, It's the position: relative of .dropdown causing the issue. Please use <li class="nav-item dropdown" style="position: static;"> instead. To compensate for traditionally bright font on .classic-tabs, consider

  .classic-tabs li a.dropdown-item {
    color: black
  }

Best, Kuba

---

Here is just some example code: <ul class="nav classic-tabs tabs-cyan" role="tablist"> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a> <div class="dropdown-menu"> <a class="dropdown-item" href="#">Action</a> <a class="dropdown-item" href="#">Another action</a> <a class="dropdown-item" href="#">Something else here</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#">Separated link</a> </div> </li> </ul> I tried changing it over to a button like the example you gave but it produced the same result. If i remove the .classic-tabs class everything works fine. If there is something i am doing wrong please let me know.

---

Hi there Alex,

Thanks for reaching out! How are you adding the dropdown? Taking the one from the docs and omitting the wrapping .btn-group class returns a dropdown working correctly in classic tabs on my end. What about yours?

With Best Regards,
Kuba

---