JSFiddle - React, Tailwind, and code Playground

HTML

<div class="navactua">
  <ul>
    <li>
      <a href="">test</a>
    </li>
    <li>
      <a href="">test</a>
    </li>
    <li>
      <a href="">test</a>
    </li>
    <li>
      <a href="">test</a>
    </li>
  </ul>
</div>

CSS

.navactua { position: relative; }
.navactua ul li { list-style: none !important; width:150px; }
.navactua li a{ display:block; color:#999999; padding:10px 10px 10px 0; text-align:left;  }
.navactua li a:hover{ color: #FF6600; margin:0; padding:10px 10px 10px  40px ; background: url(../images/navsoluhover.png) left no-repeat  }