title: Stop Modal from shifting with scrollbar using Material-UI's "mui-fixed"
body: <p>So I'm working on implementing a Material-UI modal, and ran into the issue where the appearance and disappearance of the scrollbar shifts the modal every single time it closes. I can fix this with the &quot;mui-fixed&quot; class, but it adds extra padding on the right side of the modal that looks bad.</p>
  <p>I'm just generally curious if there's a better way to fix this problem with the scrollbar disappearing and reappearing, or if there's a way to accomplish this using &quot;mui-fixed&quot; without the padding on the right.</p>
  <p>Setting the padding to 0 simply makes it act like the &quot;mui-fixed&quot; class wasn't included in the first place, which causes the scrollbar shift issue again.</p>
  <p>This is the padding that doesn't look right on the side of my modal window when &quot;mui-fixed&quot; is added.</p>
  <p><a href="https://i.stack.imgur.com/Mdq7f.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Mdq7f.png" alt="mui-fixed padding issue" /></a></p>
  <p><a href="https://gyazo.com/2377fd6fdf49808f44acd6e34e144b63" rel="nofollow noreferrer">Here's the modal WITHOUT the &quot;mui-fixed&quot; class.</a></p>
  <p><a href="https://gyazo.com/108b4e0abc8b65c83042c351ce522b3f" rel="nofollow noreferrer">Here's the modal WITH the &quot;mui-fixed&quot; class.</a></p>