Modal window styling

1 files changed, 3 insertions, 11 deletions

diff --git a/vnext/src/components/Modal.js b/vnext/src/components/Modal.js
index 50516d05..799a6f35 100644
--- a/vnext/src/components/Modal.js
+++ b/vnext/src/components/Modal.js
@@ -3,19 +3,11 @@ import PropTypes from 'prop-types';
 
 import Icon from './Icon';
 
+import './Modal.css';
+
 function Modal(props) {
-    // The gray background
-    const backdropStyle = {
-        position: 'fixed',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        backgroundColor: 'rgba(0, 0, 0, 0.3)',
-        padding: 50
-    };
     return props.show ? (
-        <div id="dialogt" style={backdropStyle}>
+        <div id="dialogt">
             <div id="dialogw">
                 <div id="dialog_header">
                     <div id="dialogc" onClick={props.onClose}>