title: Modal opens up scrolled down to the nearest button
body: <p>I am developing app for <strong>Microsoft Teams using React and FluentUI</strong>.
  Problem is modal opens up scrolled down to the buttons. I fixed it by creating &quot;X&quot; close button in the top, however it is a walk-around. Styling of position does not seem to be a problem. Do you know what causes this kind of behavior?
  <a href="https://i.stack.imgur.com/q8dkZ.png" rel="nofollow noreferrer">view screenshot</a></p>