direction down

Why is it that after I run the item or list down it doesn't go to the side, that's my code

<Pagination
className="pagination-data"
showTotal={(total, range) => Showing ${range[0]}-${range[1]} of ${total}}
onChange={PaginationChange}
total={daily.length}
current={current}
pageSize={size}
showSizeChanger={true}
itemRender={PrevNextArrow}
onShowSizeChange={PerPageChange}
hideOnSinglePage={false}
showPrevNextJumpers={true}
/>

Showing 51-57 of 57

1
2
3
4
5
6

it should
Showing 51-57 of 57 1 2 3 4 5 6

Start by reproducing the layout using the provided Pagination component configuration and inspect how its rendered items are laid out. Compare the current vertical arrangement with the requested horizontal arrangement, and consider the issue complete when the pagination summary and page numbers display side by side as shown in the expected text.