Fixes dialog (#1260)

Author: andresgalante

core/components/atoms/_overlay/overlay.js

@@ -100,6 +100,7 @@ Overlay.Element = styled.div`
   width: 100%;
   margin: ${spacing.xlarge} ${spacing.small};
   pointer-events: none;
+  display: inline-block;
 
   /* Since the focus trap is adding divs around the dialog box, the max width prop should be here */
   max-width: ${props => Overlay.getSizeForOverlay(props.contentSize)};

core/components/molecules/dialog/dialog.js

@@ -138,6 +138,7 @@ class Dialog extends React.Component {
 
 const DialogBox = styled.div`
   ${containerStyles};
+  pointer-events: auto;
   position: relative;
   max-height: calc(100vh - (${spacing.xlarge} * 2));
   display: flex;