Fix: loader position

Author: worst-developer

app/sources/containers/HomePage/index.js

@@ -171,17 +171,17 @@ export default class Audio extends Component {
         ) })
     const playButton = 
       <IconButton
-      iconStyle={ styles.mediumIcon }
-      style={ styles.medium }
-      onClick={ this.handlePlay }
+        iconStyle={ styles.mediumIcon }
+        style={ styles.medium }
+        onClick={ this.handlePlay }
       >
         <Play />
       </IconButton> 
 
     return (
       <div>
         {  this.props.isFetching === true ?
-        <div>
+        <div className='main' >
           <CircularProgress size={ 80 } thickness={ 5 } />
         </div> :
         <div className='main rollIn animated'>

app/styles/experimental/layout.scss

@@ -6,7 +6,6 @@
 }
 
 .box-selectors {
-
   height: 550px;
   width: 550px;
 }
@@ -38,3 +37,9 @@
 .check-button {
   margin-top: 20px; 
 }
+
+.loader {
+  margin-top: 550px;
+  display: flex;
+  justify-content: center;
+}