Handle cases when the main boundary has a low height

Unfortunately when our <main> container is has a small height, the dropdown can go in an unexpected direction:

I tried different ideas, like changing the boundary in gitlab-ui with no success.

One possible solution is to force elements inside the <main> element to become taller, by adding some padding or margins to the form component: