1

I need to set hight of dialog, but the MUI CSS seems to get higher CSS priority. How do I use it or override it?

I tried something like this:

<Dialog
      classes={{ paper: classes.paper }}
..
..
</Dialog>

But still my class ".qdidataappseed-makeStyles-paper-..." is lower priority.

Thanks

user636312
  • 143
  • 1
  • 4
  • 15
  • 1
    https://stackoverflow.com/questions/53876589/material-ui-theme-overrides-how-to-override-children-styles-globally check the comments+answers – buzz Oct 24 '22 at 05:00

1 Answers1

1

It possible to set Dialog component height using sx properties:

<Dialog sx={{height: '100px'}}

or minHeight / maxHeight depends on what exactly we need to set.

Pavel Gerasimov
  • 31
  • 2