remove unneccesary container

gregnb · Sep 25, 2019 · ed615c7 · ed615c7
1 parent aeff4fd
commit ed615c7
Showing 1 changed file with 8 additions and 14 deletions.
diff --git a/src/components/LoaderOverlay.js b/src/components/LoaderOverlay.js
@@ -4,19 +4,15 @@ import CircularProgress from '@material-ui/core/CircularProgress';
 import { fade } from '@material-ui/core/styles/colorManipulator';
 
 const styles = theme => ({
-  baseContainer: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    height: '100%',
-    width: '100%',
-    zIndex: 110
-  },
   overlay: {
     display: 'table',
     width: '100%',
     height: '100%',
-    backgroundColor: fade(theme.palette.background.paper, 0.7)
+    backgroundColor: fade(theme.palette.background.paper, 0.7),
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    zIndex: 110
   },
   progressContainer: {
     display: 'table-cell',
@@ -31,11 +27,9 @@ class LoaderOverlay extends React.Component {
   render() {
     const { classes } = this.props;
     return(
-      <div className={classes.baseContainer}>
-        <div className={classes.overlay}>
-          <div className={classes.progressContainer}>
-            <CircularProgress />
-          </div>
+      <div className={classes.overlay}>
+        <div className={classes.progressContainer}>
+          <CircularProgress />
         </div>
       </div>
     )