<div class="drop-down">
  <button class='cdt-btn cdt-btn-primary cdt-btn-rounded drop-toggle'>Dropddown button <span class="icon icon-arrow-down"></span></button>
  <ul class="cdt-drop-menu rounded">
    <li class='cdt-menu-item'>
      Item 1 of the menu
    </li>
    <li class='cdt-menu-item'>
      Item 2
    </li>
  </ul>  
</div>
body {
  margin: 20px;
}
a {
  text-decoration: none;
}

.drop-down {
  position: absolute;
}
.avatar i {
  font-size: 30px !important;
  color: #416be4;
}
.extra i {
  font-size: 30px !important;
  color: #999;
}