Pagination overflows without wrapping in "table-responsive", but always shows an overflow-x scrollbar if you wrap in "table-responsive"

[Everest84]

When going into touch or below responsiveness, the pagination goes outside of the box that the table is wrapped in.

Then, I tried wrapping the table in table-responsive, but now the table always has a scroll-x bar no matter what width the window is.

[Everest84]

You can hack-fix this by the following CSS:

@media screen and (max-width: 1023px) {
    .card-content {
        padding-bottom: 60px !important;
    }
}

Where the element in question is whatever you have your table inside of.

Also, do not use table-responsive.