Semantic Menu bug #3604

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.4/semantic.min.js"></script>
<p>
Without border-left property: 
</p>
<div class="ui stackable doubling menu">
  <a href="#" class="item">Home</a>
  <a href="#" class="item">Second</a>   
   <a href="#" class="item">Third</a>  
   <a href="#" class="item">Fourth</a>
     
  </div>
<p>
With border-left property: 
</p>
<div class="ui stackable menu">
  <a href="#" class="item">Home</a>
  <a href="#" class="item">Second</a>   
   <a href="#" class="right item">Third</a>  
   <a href="#" class="item" id="last-item">Fourth</a>
     
  </div>

CSS

#last-item {
  border-left: 1px solid #DDDDDD;
}