Alexander
Alexander

Reputation: 1378

Disable padding in material ui card

I'm using a card from material UI and when I inspect the card I have this class :

"MulticardContent-root" which gives me padding 16, how do I remove it? its not in the styles component.

Upvotes: 1

Views: 1478

Answers (1)

Sumit Patel
Sumit Patel

Reputation: 4638

You can overwrite using following css.

.MuiCardContent-root {
    padding: 0px !important;
}

And if you want for specific page only then dont forget to add one parent class.

.test .MuiCardContent-root {
    padding: 0px !important;
}

Upvotes: 1

Related Questions