Box Shadow - dir-pagination-controls>pagination

[Samuel Estrella]

Hello,

I'm attempting to add an inset box shadow to my dir-pagination-controls pagination bar. If I add the box shadow to the directive, the shadow is placed very far away from the pagination bar.

If I attempt to add it to the .pagination class, it doesn't appear. If I change it from inset to outset, then the shadow becomes visible on the outside of the box.

Is there a reason this wouldn't be able to work on the inside of the pagination box/am I implementing it wrong?

HTML:

<tr dir-paginate="sample in vm.samples | orderBy:vm.sortKey:vm.reverse | filter: vm.search | itemsPerPage:5" pagination-id="sample.name">
...
<dir-pagination-controls class="pull-right" pagination-id="sample.name">
</dir-pagination-controls>

CSS:

dir-pagination-controls>.pagination {
    box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .05);
}