Direction issues when using tooltip inside ng-repeat

[BrendanBetheldo]

I've got a tooltip sitting inside of an ng-repeat and all of them are have the below template.

 <div class="salary-information">
    <dfr-svg tooltip-try="false" icon="information" size="10" tooltips tooltip-template="test" tooltip-side="bottom"></dfr-svg>
      <span>Pay (at least):</span>
 </div>

For whatever reason only the last 2 tooltips render with the correct direction, all the others render with random direction classes. I can see in the DOM that the direction is set to bottom but the element has the class _right _steady _ready or _top _steady _ready

Any help would be appreciated.