JSFiddle - React, Tailwind, and code Playground

HTML

<br><br>
<hr>

SCSS

hr {
  overflow:initial;
  
  &:after {
    content:'';
    width:50%;
    height:3px;
    display:block;
    background:red;
    top:-2px;
    position:relative;
  }
}