TextInput component: custom styles are overridden when using css modules to change the Input element

[abstract slate]

      classNames={{
        root: styles.searchRoot,
        wrapper: styles.searchWrapper,
        input: styles.input,
      }}
/>```

This is the element but these are the resulting styles:

[desert wind]

Make sure that you are importing your styles after Mantine styles.

If you provide a repository based on one of the templates, I can have a look.

[abstract slate]

I was able to replicate it. The cause if it is having the components like <Header/> in the root folder at the same level as the root layout.
So probably not a Mantine specific problem. Just need to move the components to a nested folder to fix it.
https://github.com/joncoronel/testing-mantine-7

[desert wind]

You can check this Next.js issue – https://github.com/vercel/next.js/issues/16630