Collection-repeat + tabs + some content = cut's last item


I’m trying to make a collection-repeat with some custom header kind, and some tabs too.

I have made this codepen to demonstrate:
If you click on “Scroll to bottom” you’ll see that the last item is cut off.

If I replace “collection-repeat” for “ng-repeat” it’s work perfectly.

Thanks in advance.

If you add a bottom style that matches the height of the tab bar, you will be able to view the last item.

.list {

Updated Codepen: