[Shopify Polaris] Huge gap appear between IndexTable and IndexFilter when viewing on mobile app

I am developing an app that uses Polaris’s IndexTable component to populate store order data.

My app is being hosted on Heroku. It seems like whenever a new version of the app was published to Heroku, there is a huge gap that separates IndexFilter and IndexTable (illustrated below), and this problem ONLY appears when viewing the app on Shopify mobile app and viewing it for the first time after deployment (mobile view on web is fine).

I figured this can be a Polaris problem, since, in the process on troubleshooting the problem, I have tried to take the example codebase on Polaris documentation (https://polaris.shopify.com/components/tables/index-table) and replace my own IndexTable with it. However, the problem still persists after deploying the example table to Heroku (illustrated below).

Posting this here to see if anyone have the same problem. If yes, what are the best workarounds?