title: Resolve screen jump when the scrollbar appears
body: <p>I have a modal popup and I'm eliminating the scrollbar with <code>overflow: hidden</code> when the modal appears on screen.</p>
  
  <p>I'm using js to calculate the scrollbar width and add a padding to fix the shifting screen when the scrollbar disappears. Something like so:</p>
  
  <pre><code>&lt;div className='site-layout-wrapper' style={{'padding-right': modal ? `${scrollbarWidth}px` : '0'}}&gt;
  </code></pre>
  
  <p>The problem is that there is also a slight shift when the scrollbar reappears. How do I solve it?</p>