JSFiddle - React, Tailwind, and code Playground

HTML

<a href="link goes here" style="text-decoration: none;">
<div class="home-tab">
home
</div>
</a>

CSS

.home-tab {
    width: 150px;
    height: 35px;
    margin-top: 40px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    font-family: arial;
    color: #FFFFFF;
    background-color: #ff0000;
    text-align: center;
    font-size: 13pt;
    padding-top: 95px;
}
.home-tab:hover {
    height: 45px;
    margin-top: 30px;

}