title: How to make material ui dialog show in the first half of screen height?
body: <p>I am using Dialog component from MUI which works all well.</p>
  <p>I want to modify the existing behaviour so that the dialog is not positioned at the center of the vertical axis, rather to be position app. 30% from the top.</p>
  <p>Current situation:</p>
  <pre><code> | 
  
   |
  
  DIALOG
  
   |
  
   |
  </code></pre>
  <p>Goal:</p>
  <pre><code> | 
  DIALOG
   |
  
   |
  
   |
  </code></pre>