JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="s-social">
<li class="s-social-item s-social-item-f">
<a class="lj-track" href="#" target="_blank" title="">
<img alt="Pic" class="mb24" src="images/2.jpg" />
</a>
</li>








</ul>

CSS

.s-social-item {
    display: inline-block;
    overflow: hidden;
    height: 30px;
    padding: 0;
    margin: 0 10px 0 0;
    background-color: #005673;
}
.s-social-item {
    width: 30px;
    border-radius: 2px;
}

.s-social-item-f:hover{background-color:#3B5998}