Adding components to layout.tsx has unexpected css compilation

[prodigious-moustachio]

When adding a component Shell to layout.tsx layout.css is compiled allowing mantine styling to override component styles e.g.,

.Shell-root {}
.mantine-styles {}

If I add the component to a page, then layout.css compiles with the expected specificity. Is this a bug or is there an approach that avoids this issue?

[rtivital]

It is a known issue of Next.js – vercel/next.js#16630
On our side, it is planned to introduce separate bundles with css layers in next minor release.