Why Mui button styles are not applying, when I set it to contained?

Viewed 1143

After upgrading to the latest version of MUI, I have noticed that MUI buttons are not working correctly when I set the variant to contained.

      <div className="flex">
        <Button variant="contained" color="primary" fullWidth>
          Add
        </Button>
        <Button variant="contained" color="secondary" fullWidth>
          remove
        </Button>
        <Button variant="outlined" color="secondary" fullWidth>
          remove
        </Button>
      </div>

As you can see in the example, there is nothing wrong with my theme colors as the outlined button works as expected.

I am also using tailwindcss, but I don't think that should be related to it at all.

Edit:

After inspecting the button element, I see that @tailwind base causes this issue.

What do I do in this case, I think I need @tailwind base for my tailwind utilities?

enter image description here

0 Answers
Related