Update with latest dependencies

js/src/SyncWarning/syncWarning.css

@@ -37,7 +37,6 @@
 }
 
 .body {
-  background: rgba(25, 25, 25, 0.75);
   box-shadow: rgba(0, 0, 0, 0.25) 0 14px 45px, rgba(0, 0, 0, 0.22) 0 10px 18px;
   color: rgb(208, 208, 208);
   display: flex;

js/src/SyncWarning/syncWarning.js

@@ -22,6 +22,7 @@ import store from 'store';
 
 import Button from '@parity/ui/Button';
 import Checkbox from '@parity/ui/Form/Checkbox';
+import GradientBg from '@parity/ui/GradientBg';
 import StatusIndicator from '@parity/ui/StatusIndicator';
 
 import styles from './syncWarning.css';
@@ -61,7 +62,7 @@ class SyncWarning extends Component {
       <div>
         <div className={ styles.overlay } />
         <div className={ styles.modal }>
-          <div className={ styles.body }>
+          <GradientBg className={ styles.body }>
             <div className={ styles.status }>
               <StatusIndicator
                 type='signal'
@@ -97,7 +98,7 @@ class SyncWarning extends Component {
                 onClick={ this.handleAgreeClick }
               />
             </div>
-          </div>
+          </GradientBg>
         </div>
       </div>
     );