JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Решения</li>
    <li class="active">Меню</li>
    <li>Заявка</li>
</ul>

CSS

ul {
    border-top: solid 25px #43648F;
    padding-bottom: 25px;
    background: #F0F0F0;
    float: left;
}

li {
    float: left;
    padding: 15px;
    background: #273F61;
    border-radius: 0 0 0 5px;
    color: #DEE2E8;
}
li:first-child {
    border-radius: 0 0 5px 0;
}
.active {
    background: transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #F0F0F0;
    margin-top: -10px;
    padding-top: 25px;
    color: #294162;
}