JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<li style="margin-left: 12px;">
            <div class="dropdown" style="margin-top: 5px;">
              <a class="dropdown-toggle" style="margin-left: -2px;" data-toggle="dropdown" href="#">
                Filter by Team
              </a>
              <ul class="dropdown-menu" data-toggle="dropdown" role="menu" aria-labelledby="dropdownMenu">
                
                <li>
                  <a tabindex="-1" class="disabled" href="/task/list/orgteam/8/">funvilla</a>
                </li>
                <li class="divider"></li>
                
                <li>
                  <a tabindex="-1" class="disabled" href="/task/list/orgteam/6/">Dev Team</a>
                </li>
                <li class="divider"></li>
                
                <li>
                  <a tabindex="-1" class="disabled" href="/task/list/orgteam/5/">Design Team</a>
                </li>
                <li class="divider"></li>
                
                
              </ul>
            </div>
          </li>