JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#foo" class="sharp">sharp edges in chrome</a>

<a href="#foo" class="blurry">blurry edges in chrome</a>

CSS

a { 
    display: block; background: #444; color: #fff; position: absolute;
    top:100px; -webkit-transform: rotate(-90deg); 
    padding: 10px; text-decoration: none; font-family: sans-serif
}
.blurry {
    left: 100px;
    height: 30px;
    width: 135px;
}

.sharp { 
    left: 200px;
    height: 30px;
    width: 136px;  
}