Angular js съехала верстка html

Вот кусочек верстки, представляющий собой "пагинацию". Решила с jquery переписать на angular, чтобы красивей было, но все поломалось

<div class="container">
            <div class="row">
                <div class="col-sm">
                    <nav aria-label="Page navigation" class="mb-2" id="pageNavigation">
                        <h6><label for="pageNavigation">Page navigation</label></h6>
                        <ul class="pagination" id="navigation" ng-repeat="page in pages">
                            <li ng-class="page == severResponse.page ?  'page-item active' : 'page-item'">
                                <a class="page-link" ng-click="switchPage($index)">{{page}}</a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="col-sm">
                    <nav aria-label="Page navigation" id="pageSize">
                        <h6><label for="pageSize">Page size</label></h6>
                        <ul class="pagination" id="size" ng-repeat="size in sizes">
                            <li ng-class="size == severResponse.size ?  'page-item active' : 'page-item'">
                                <a class="page-link" ng-click="switchSize($index)">{{size}}</a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>

А это кусочек jquery:

<div class="container">
        <div class="row">
            <div class="col-sm">
                <nav aria-label="Page navigation" class="mb-2" id="pageNavigation">
                    <h6><label for="pageNavigation">Page navigation</label></h6>
                    <ul class="pagination" id="navigation">
                    </ul>
                </nav>
            </div>
            <div class="col-sm">
                <nav aria-label="Page navigation" id="pageSize">
                    <h6><label for="pageSize">Page size</label></h6>
                    <ul class="pagination" id="size">
                    </ul>
                </nav>
            </div>
        </div>
    </div>

Заполняется он уже так:

$("#size").html(...)

Вот что с jquery:

Angular: