I want to use MUI components on my already setup project with tailwindcss. On default when the preflight is enabled, the MUI components styling conflicts with the tailwind styling and I get weird css like the floatlabel of input field intersecting with border in focus.

I tried setting the preflight to false but it resulted in tailwind css not being applied properly as the styling from @layer base is not applied. Is there any way I can use tailwind preflight and MUI components without conflict?