Space at the bottom and scroll is shown, overflow: hidden can't be done

[Huzaifa-31]

Hi, thanks for contributing!

This project is maintained in my spare time, so in order to help me address your issue as quickly as possible, please provide as much of the following information as you can.

-- Michael

[^ delete this message]

=======

Angular version: 16.0.1

ngx-pagination version: ^6.0.3

Description of issue: extra space is added at the bottom of the page

Steps to reproduce: i just follow the documentation

Expected result: There is a scroll in the page and extra space at the bottom

Actual result: There should be no space

Demo: (if possible, edit this StackBlitz demo and paste the link to your fork)

can't provide Any relevant code:

<section
  class="grid grid-cols-1 md:grid-cols-[minmax(0,1fr)_20rem] gap-card mb-card pb-box"
>
  <app-tabs [tabs]="tabs" (clickedOnTab)="selectedTab = false"></app-tabs>
  <app-search
    [(search)]="searchJobs"
    (searchChange)="searchJobEmail()"
  ></app-search>
</section>

<app-jobs-tbl
  [data]="
    jobs | paginate : { itemsPerPage: itemsPerPage, currentPage: currentPage }
  "
  [loading]="loading"
></app-jobs-tbl>

<pagination-controls
  class="my-pagination p-0"
  (pageChange)="currentPage = $event"
  [directionLinks]="false"
  screenReaderPaginationLabel="Pagination"
  screenReaderPageLabel="page"
  screenReaderCurrentLabel="You're on page"
  [autoHide]="true"
>
  ></pagination-controls

>
![image](https://github.com/michaelbromley/ngx-pagination/assets/75883053/4bd0cddc-577b-4ae4-a5af-7f778868001b)

it fixs when i use pagination above the tabel ` <pagination-controls class="my-pagination p-0" (pageChange)="currentPage = $event" [directionLinks]="false" screenReaderPaginationLabel="Pagination" screenReaderPageLabel="page" screenReaderCurrentLabel="You're on page" [autoHide]="true"

</pagination-controls

<app-jobs-tbl [data]=" jobs | paginate : { itemsPerPage: itemsPerPage, currentPage: currentPage } " [loading]="loading"

`