Foundation Button Groups plain html and ng-repeat different results

I upgrades my Foundation version from 5.3.3 to 5.5.2. Everything works great, expect some elements like button groups. Here is an example.

<div class="row">
  <div class="small-6 columns">
    <ul class="button-group even-2">
      <li ng-repeat="i in [1, 2]">
        <a href="#" class="button tiny">{{i}}</a>
      </li>
    </ul>
    <ul class="button-group even-2">
      <li><a href="#" class="button tiny">1</a></li>
      <li><a href="#" class="button tiny">1</a></li>
    </ul>
  </div>
</div>

This two methods will create different results. The Angular ng-repeat directive will create an smaller result. How can this happen?

I created some reproduce able example. The first is the non working example.

Example 1: http://ift.tt/1SYL8wj Foundation 5.5.2

The second example works as expected, but with an older Foundation version.

Example 2: http://ift.tt/1SYL8wl Foundation 5.3.3

The Angular version has not changed. Have someone an idea how to fix this?

Even examples without the even-* class will create different results

Cheers.