diff --git a/packages/react/src/components/createInlineOverlayComponent.tsx b/packages/react/src/components/createInlineOverlayComponent.tsx
index f828c10797..7c89d76d0b 100644
--- a/packages/react/src/components/createInlineOverlayComponent.tsx
+++ b/packages/react/src/components/createInlineOverlayComponent.tsx
@@ -123,7 +123,11 @@ export const createInlineOverlayComponent = <PropType, ElementType>(
         React.createElement('div', {
           id: 'ion-react-wrapper',
           ref: this.wrapperRef,
-          style: { height: '100%' }
+          style: {
+            display: 'flex',
+            flexDirection: 'column',
+            height: '100%'
+          }
         }, children) :
         null
       );