diff --git a/src/components/alerts/alert.css b/src/components/alerts/alert.css
index 505db161949830e1cd509e87308b9002e42e870b..6c71353ab9b69c65aeddc057d026f7caf1c8c032 100644
--- a/src/components/alerts/alert.css
+++ b/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;
diff --git a/src/components/alerts/alerts.jsx b/src/components/alerts/alerts.jsx
index dd8ce51dd1b1397626cf7bf774bc87aa80a0511a..4b0ecea8bafa6c042b785dec79334fbcd24d3b83 100644
--- a/src/components/alerts/alerts.jsx
+++ b/src/components/alerts/alerts.jsx
@@ -1,12 +1,12 @@
 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 = {