MUI integration is bad; is it that Tailwind is not compatible with MUI

[patricklamar]

Whenever I try to add a Material-UI (MUI) Button to my project, it works without any issues in terms of functionality, but there’s an unexpected behavior with the button’s color. I always make the text invisible until I hovered on it. How can I prevent this to my whole project ?

[trunkey2003]

I think you can update the overriding code for the button style in Tailwind by doing something like this:

@layer base {
  button, [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
    color: inherit; /* Ensures text remains visible */
  }
}