Changing Alerts component to props definition, and passing alertsContainer style down from gui.

src/components/alerts/alert.css

@@ -1,7 +1,6 @@
 @import "../../css/units.css";
 @import "../../css/colors.css";
 @import "../../css/z-index.css";
-@import "../gui/gui.css";
 
 .alert {
     width: 100%;

src/components/alerts/alerts.jsx

@@ -1,3 +1,4 @@
+import classNames from 'classnames';
 import React from 'react';
 import PropTypes from 'prop-types';
 import Box from '../box/box.jsx';
@@ -5,20 +6,24 @@ import Button from '../button/button.jsx';
 
 import styles from './alert.css';
 
-const Alerts = props => (
+const Alerts = ({
+    className,
+    message,
+    onCloseAlert
+}) => (
     <Box
         bounds="parent"
-        className={styles.alertsContainer}
+        className={classNames(styles.alertsContainer, className)}
     >
         <Box
             className={styles.alert}
         >
             <div className={styles.alertMessage}>
-                {props.message}
+                {message}
             </div>
             <Button
                 className={styles.alertRemoveButton}
-                onClick={props.onCloseAlert}
+                onClick={onCloseAlert}
             >
                 { /* eslint-disable react/jsx-no-literals */ }
                 x
@@ -28,6 +33,7 @@ const Alerts = props => (
 );
 
 Alerts.propTypes = {
+    className: PropTypes.string,
     message: PropTypes.string.isRequired,
     onCloseAlert: PropTypes.func.isRequired
 };

src/components/gui/gui.jsx

@@ -112,7 +112,7 @@ const GUIComponent = props => {
                 vm={vm}
             >
                 {alertsVisible ? (
-                    <Alerts />
+                    <Alerts className={styles.alertsContainer} />
                 ) : null}
             </StageWrapper>
         ) : (
@@ -140,7 +140,7 @@ const GUIComponent = props => {
                     <Cards />
                 ) : null}
                 {alertsVisible ? (
-                    <Alerts />
+                    <Alerts className={styles.alertsContainer} />
                 ) : null}
                 {costumeLibraryVisible ? (
                     <CostumeLibrary