bug(mat-sort-header) 'mat-sort-header' adds white space at the bottom of the page

[hanlingczhong]

Description

I have used toolbar and sidebar for the navigation. And in the sidebar-content I have the 'router-outlet'.

Now on one of the pages, I use the Material Table there. The table itself works fine but if I add the mat-sort-header to the header th, it will create white space at the bottom of the page for some reason. And I don't think this is a style issue as it only appears if I use 'mat-sort-header'. Other things like pagination/filtering don't create this white space.

Does anyone experience the same issue?

Environment

• Angular: 17.2.3
• CDK/Material: 17.2.2
• Browser(s): Firefox and Google Chrome

[crisbeto]

Your theme is likely missing the mat.core mixin.

[hanlingczhong]

Your theme is likely missing the mat.core mixin.

Thank you this is the issue.

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}