как посмотреть список товаров с материалом angular Панель навигации

Question

привет, у меня есть панель расширения и внутри списка angular материалов, что происходит, так это то, что мой список состоит из многих элементов, и мне нужно показать только 5 и иметь панель навигации, чтобы мой контейнер оставался

введите здесь описание изображения

Мне нужна эта панель навигации внутри списка матов, чтобы мой вид не прерывался, это мой html код

   <div class="row">
            <label id="setDocumentos">Sets</label>
          </div>

          <mat-expansion-panel >
            <mat-expansion-panel-header>
              Seleccione los datos
            </mat-expansion-panel-header>
            <ng-container>
            <mat-nav-list role="listbox">
            <mat-selection-list #shoes >
              <mat-list-option *ngFor="let shoe of typesOfShoes" role="listitem">
                {{shoe}}
              </mat-list-option>
            </mat-selection-list>
            </mat-nav-list>
            <p>
              Options selected: {{shoes.selectedOptions.selected.length}}
            </p>

            <mat-action-row>
            </mat-action-row>
            </ng-container>
          </mat-expansion-panel>