Styles between identical components can affect each other.

[nawbc]

What package has an issue

@mantine/core

Describe the bug

AppShell navbar sets the different width, but gets the same width.

Example:

 <AppShell
    layout="alt"
    header={{ height: 60 }}
    navbar={{
      width: 300,
      breakpoint: 'sm',
    }}
  >
    <AppShell.Main>
      <AppShell
        navbar={{
          width: 200,
          breakpoint: 'sm',
        }}
      >
      </AppShell>
    </AppShell.Main>
  </AppShell>

Result:

What version of @mantine/* page do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)

version: 7.0.0-beta.2 bundler: Vite

[rtivital]

Nested AppShells are not supported

[nawbc]

Nested AppShells are not supported

I think using CSS variables to modify component styles may also lead to similar issues.