Перекрытие текста на боковой панели

Я испытываю странный глюк, я вижу перекрытие текста в моей боковой панели. Изображение прикрепленное перекрывая соединение изображения текста

Я не уверен, как это происходит, и я пытался понять это. Перекрытие отсутствует при наведении указателя мыши на элемент. Вот мой html для боковой панели

<!-- Sidebar Menu -->
<div ng-controller="SidebarController">
 <ul class="nav sidebar-menu" ng-repeat="comp in competition track by $index" id="rcs-menu-item">
    <li ui-sref-active="active" >
        <a href="javascript:void(0)" id="{{comp.competitionID}}" ng-click="getTeams(comp.competitionID, comp.Name, comp.calenderID, comp.customName)">
            <i class="menu-icon fa fa-soccer-ball-o"></i>
            <span class="menu-text">{{comp.Name}}</span>
        </a>
    </li>
  </ul>
</div>
<!-- /Sidebar Menu -->

Любые предложения будут высоко оценены.

1 ответ

  1. Похоже, что это текст первой записи, который разбит на вторую строку («Южная Америка»).

    Нам нужен CSS, чтобы узнать, что не так-вероятно, фиксированная высота для отдельных записей / liтегов