How do I fix the scrolling issue on my collection page?

[Distinctz]

on my collection page you can scroll down but then you can choose to go to the other page but it looks really weird does someone know how to fix it the link of the page is https://distinctz.com/collections/all?page=2

[Jack_Khan_Baba]

follow the following steps
go to online store
click on edit code
find
component-pagination.css

then search the class
.pagination__list

which is like
.pagination__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}

just add the width 100% like the following

.pagination__list {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
}
and it solve your issue