JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu_right_ul">
                    <li><a href="#">ПРО РОЛЛЕДРОМ</a></li>
</ul>

CSS

body {
    background: #000;
}
.menu_right_ul li{

    list-style:none;
    background:#fff;
    padding:1px 0;    
}
 a{
    margin-left: -5px;
    text-decoration: none;
    display:block;
    padding:7px 0 7px 7px;
    color:#fff;
    font-size: 14px;
    background:#db1f24;
}