diff --git a/packages/instant/src/components/ui/flex.tsx b/packages/instant/src/components/ui/flex.tsx
index 145e654f16..223b9e61fe 100644
--- a/packages/instant/src/components/ui/flex.tsx
+++ b/packages/instant/src/components/ui/flex.tsx
@@ -9,6 +9,7 @@ export interface FlexProps {
     align?: 'flex-start' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'flex-end';
     width?: MediaChoice;
     height?: MediaChoice;
+    overflow?: string;
     backgroundColor?: ColorOption;
     inline?: boolean;
     flexGrow?: number | string;
@@ -25,6 +26,7 @@ export const Flex = styled.div<FlexProps>`
         background-color: ${props => (props.backgroundColor ? props.theme[props.backgroundColor] : 'none')};
         ${props => (props.width ? stylesForMedia('width', props.width) : '')}
         ${props => (props.height ? stylesForMedia('height', props.height) : '')}
+        ${props => (props.overflow ? `overflow: ${props.overflow}` : '')};
     }
 `;
 
diff --git a/packages/instant/src/components/zero_ex_instant_overlay.tsx b/packages/instant/src/components/zero_ex_instant_overlay.tsx
index 38a7160912..2a3ee757c5 100644
--- a/packages/instant/src/components/zero_ex_instant_overlay.tsx
+++ b/packages/instant/src/components/zero_ex_instant_overlay.tsx
@@ -20,7 +20,7 @@ export const ZeroExInstantOverlay: React.StatelessComponent<ZeroExInstantOverlay
     return (
         <ZeroExInstantProvider {...rest}>
             <Overlay zIndex={zIndex} className={OVERLAY_DIV_CLASS}>
-                <Flex height="100vh">
+                <Flex height="100vh" overflow="scroll">
                     <Container
                         className={OVERLAY_CLOSE_BUTTON_DIV_CLASS}
                         position="absolute"