uib-accordion not working as expected

[tribicito]

I'm having an issue with an accordion and a ng-repeat. I have read the known issues with ng-class. However, the moment I set the class, the accordion no longer behaves as expected. The environment I'm using is AngularJS 1.5.9, Bootstrap 3.3.6, Bootstrap UI 2.5.0
`

 <div uib-accordion-group ng-repeat="task in vm.tasks" class={{task.panelColor}}>
    <uib-accordion-heading>
         {{task.Title}}
    </uib-accordion-heading>
  ....
 </div>

`

The panelColor property has the values "panel-default", "panel-success", etc. I need the panels to be different colors based on a status.

When I run the code, I get the right color of panel, but the panel does not look as nice, it doesn't have the round corners and there is no space between the panels. Can someone think of a reason why this is not working? Is this a bug with the latest version of Bootstrap UI?