title: How to set css of different parts of a Material UI Dialog?
body: <p>So this is a sample piece of code for Material Dialog </p>
  
  <pre><code>  &lt;Dialog
      open={this.props.open}
      onClose={this.props.closeAtParent}
      PaperProps={{
        style: {
          minHeight: '75vh',
          minWidth: '75vw',
        },
      }}
      aria-labelledby="open-dialog-title"
      aria-describedby="open-dialog-description"
    &gt;
      &lt;DialogTitle id="open-dialog-title"&gt;
        {this.props.dialogs[this.state.selected].title}
      &lt;/DialogTitle&gt;
      &lt;DialogContent&gt;
        &lt;DialogContentText id="open-dialog-description"&gt;
          {this.props.dialogs[this.state.selected].desc}
        &lt;/DialogContentText&gt;
        {this.imageIfExists()}
      &lt;/DialogContent&gt;
      &lt;DialogActions&gt;
        {this.populateButtons()}
      &lt;/DialogActions&gt;
    &lt;/Dialog&gt;
  </code></pre>
  
  <p>Now as you can see I was able to set the dialog width and height through PaperPros but I am unable to set other properties like backdrop color and DialogActions' button alignment. </p>
  
  <p>There is no documentation or SO available for the same which is so sad. They mention <code>classes</code> and <code>PaperProps</code> but do not talk about them.</p>
  
  <p>My questions therefore are,</p>
  
  <ul>
  <li>How do I centre the buttons which by default are aligned at the right?</li>
  <li>Also, how do I change the backdrop color which is initially grey?</li>
  </ul>