since 2.5.0: 'top' positionPagination clashes with globalFilters in css

[xysun]

material-react-table version

2.5.0

react & react-dom versions

18.2.0

Describe the bug and the steps to reproduce it

I was trying to upgrade to more recent versions, and I noticed since 2.5.0, if I have this combination of table options:

positionPagination: 'top',
showGlobalFilter: true,

The pagination and global filter are mingled together like below

v2.4.1 and below renders them correctly:

Minimal, Reproducible Example - (Optional, but Recommended)

see the description

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms

• I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

[renatoka]

@xysun Can you provide reproducible code? I've tested in latest 2.12.0 version and it looks good.

[jakegour]

Hi @renatoka , you can see the problem in the storybook example at https://www.material-react-table.dev/?path=/story/features-pagination-examples--pagination-position-top-and-bottom .