JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="profile-active">
    
    <a href="profile">
    
        <img src="http://placepic.me/profiles/80-80" width="40" height="40" class="img-circle" />        </a>
    
    </li>
</ul>

CSS

* {
    box-sizing: border-box;
}
ul {
    list-style-type: none;
}

.img-circle {
  border-radius: 100%;
  border: 10px solid #5693F9; 
  box-sizing: content-box;
}