[material-ui] Button and few more components CSS styling are off when use with Bootstrap 5.3.3

[hmheng]

Steps to reproduce

Link to live example: (required)

Steps:
1.Install Bootstrap 5 latest to nextjs 14 latest
2. Install latest MUI with enablecsslayer: true
3. Implement button with MUI, observe that the styling was overwritten by Bootstrap css style

Current behavior

Implement button with MUI, observe that the styling was overwritten by Bootstrap css style

Expected behavior

The MUI button should have MUI style and effect to be prioritised.

Context

Suggest to change all MUI styling using tag to specific class name and set high priority than bootstrap.

Your environment

Browser: chrome, and chromium edge.

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: MUI, Bootstrap

[danilo-leal]

Hey, thanks for opening the issue! Could you provide a minimal reproduction? It helps us troubleshoot. A live example would be perfect. This StackBlitz sandbox template may be a good starting point.

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.