fix: Modal background (#126)

Author: ggazzo

packages/fuselage/src/components/Modal/index.js

@@ -7,18 +7,18 @@ import { Icon } from '../Icon';
 import { Tile } from '../Tile';
 import { ModalBackdrop, ModalContainer, ModalPortal, ModalStack } from './Stack';
 
-export const Modal = ({ children, ...props }) =>
+export const Modal = React.forwardRef(({ children, ...props }, ref) =>
   <Flex.Container>
     <Box is='dialog' componentClassName='rcx-modal' { ...props }>
       <Flex.Container direction='column'>
         <Flex.Item grow={1}>
-          <Tile elevation='2' className='rcx-modal__inner' padding='none'>
+          <Tile ref={ref} elevation='2' className='rcx-modal__inner' padding='none'>
             {children}
           </Tile>
         </Flex.Item>
       </Flex.Container>
     </Box>
-  </Flex.Container>;
+  </Flex.Container>);
 
 export const ModalHeader = ({ children, ...props }) =>
   <Margins all='x32'>

packages/fuselage/src/components/Modal/styles.scss

@@ -7,6 +7,8 @@
   max-height: $sizes-sh;
   margin: auto;
 
+  background: none;
+
   &__inner {
     min-width: 0;
   }