サイドバーにテキストが重なっています

Question

私は奇妙な不具合を経験しています。私のサイドバーにはテキストが重なっています。画像が添付されていますoverlapping text image link

私はこれがどうなるかわかりません。私はそれを理解しようとしています。アイテムの上にカーソルを置くと、オーバーラップは表示されません。サイドバーの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 --> 

ご迷惑をおかけして申し訳ございません。その2行目（「南アメリカ）に分割された最初のエントリのテキストだよう

Answer 1

は思え

我々は間違っているものを見つけるためにCSSを必要とするだろう - 。個々のために、おそらく固定の高さ/ liタグ