How to fix MUI select dropdown menu position in a React app?

[cptShpek]

I'm using React material for creating shopify app.

I have in issue with select dropdown menu position.

If select is on the bottom of the screen - dropdown position should be at top of the select. But for some reason it's calculate top position including a shopify window, not only app window - so a 100px gap appears between select and menu

 so if i add this 100px padding - dropdown will on it's place.

How can i resolve this problem?