title: How can I make Dialog take 80% of the screen in Material-UI?
body: <p>I am working with Material-UI Dialog and I want to make it take 80% of the screen.
  Ideally, I want something like this.<a href="https://i.stack.imgur.com/YDBAn.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YDBAn.png" alt="enter image description here"></a></p>
  
  <p>I am applying a margin to Dialog but it is not working as intended.</p>