JSFiddle - React, Tailwind, and code Playground

HTML

<div class="header">
  <div class="header-tab">
    Main
  </div>
</div>

CSS

.header-tab{
  height:100%;
	display:inline-block;
  padding:2.5vh 1vw 2.5vh 1vw;
  text-transform:uppercase;
  font-weight:450;
  color:white;
}

.header-tab:hover{
  color:#ff704d;
  background:gray;
  box-sizing: border-box;
  box-shadow: inset 0 -3px 0 #ff704d;
}

.header{
  background:black;
}

body{
  margin:0;
}