Fix modals gradient box hiding the modal footer border

src/components/GradientBox.js

@@ -5,10 +5,10 @@ export default styled.div`
   width: 100%;
   height: 60px;
   position: absolute;
-  bottom: 68px;
+  bottom: 0;
   left: 0;
   right: 0;
-  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff 70%);
+  background: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
   z-index: 2;
   pointer-events: none;
 `

src/components/modals/OperationDetails.js

@@ -129,7 +129,7 @@ const OperationDetails = connect(mapStateToProps)((props: Props) => {
   return (
     <ModalBody onClose={onClose}>
       <ModalTitle>{t('app:operationDetails.title')}</ModalTitle>
-      <ModalContent style={{ height: 500 }} mx={-5} pb={0}>
+      <ModalContent relative style={{ height: 500 }} px={0} pb={0}>
         <GrowScroll px={5} pt={1} pb={8}>
           <Box flow={3}>
             <Box alignItems="center" mt={1}>

src/components/modals/ReleaseNotes.js

@@ -221,7 +221,7 @@ class ReleaseNotes extends PureComponent<Props, State> {
       return (
         <ModalBody onClose={onClose}>
           <ModalTitle>{t('app:releaseNotes.title')}</ModalTitle>
-          <ModalContent style={{ height: 500 }} mx={-5} pb={0}>
+          <ModalContent relative style={{ height: 500 }} px={0} pb={0}>
             <GrowScroll px={5} pb={8}>
               {content}
             </GrowScroll>

src/components/modals/UpdateFirmware/Disclaimer.js

@@ -58,8 +58,8 @@ class DisclaimerModal extends PureComponent<Props, State> {
                   {t('app:manager.firmware.disclaimerAppReinstall')}
                 </Text>
               </ModalContent>
-              <ModalContent style={{ height: 250, width: '100%' }}>
-                <GrowScroll>
+              <ModalContent relative pb={0} style={{ height: 250, width: '100%' }}>
+                <GrowScroll pb={5}>
                   <Notes>
                     <ReactMarkdown>{firmware.notes}</ReactMarkdown>
                   </Notes>