Make non draggable.

src/components/alerts/alert.css

@@ -11,7 +11,6 @@
     margin: auto;
     border: 1px solid #FF8C1A;
     border-radius: 8px;
-    cursor: move;
     background: #FFF0DF;
     display: flex;
     flex-direction: row;

src/components/alerts/alerts.jsx

 import React from 'react';
 import PropTypes from 'prop-types';
-import Draggable from 'react-draggable';
+import Box from '../box/box.jsx';
 
 import styles from './alert.css';
 
 // this is a functional component, declared with arrow syntax
 const Alerts = props => (
-    <Draggable
+    <Box
         bounds="parent"
     >
         <div className={styles.alertContainer}>
@@ -26,7 +26,7 @@ const Alerts = props => (
                 x
             </div>
         </div>
-    </Draggable>
+    </Box>
 );
 
 Alerts.propTypes = {