1 files changed, 8 insertions, 16 deletions
diff --git a/src/App.js b/src/App.js
index 38aa4f8..2225ac5 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,7 +7,6 @@ import Autocomplete from '@material-ui/lab/Autocomplete';
 import TextField from '@material-ui/core/TextField';
 import red from '@material-ui/core/colors/red';
 import CssBaseline from '@material-ui/core/CssBaseline';
-import Box from '@material-ui/core/Box';
 import AppBar from '@material-ui/core/AppBar';
 import Toolbar from '@material-ui/core/Toolbar';
 import Typography from '@material-ui/core/Typography';
@@ -80,21 +79,14 @@ function StoreItemSkeleton(props) {
    return (
       <Grow in={true}>
          <div className={props.className}>
-            <Box display="flex" alignItems="center">
-               <Box margin={1}>
-                  <Skeleton variant="circle">
-                  <Avatar/>
-                  </Skeleton>
-               </Box>
-               <Box width="100%">
-                  <Skeleton width="100%">
-                  <Typography>.</Typography>
-                  </Skeleton>
-               </Box>
-            </Box>
-            <Skeleton variant="rect" width="100%">
-               <div style={{ paddingTop: '200px' }} />
-            </Skeleton>
+            <div style={{display: 'flex', alignItems: 'center', height: 72, padding: 18}}>
+               <Skeleton variant='circle' width={48} height={48} style={{marginRight: 18}}/>
+               <div style={{width: '60%'}}>
+                  <Skeleton width='100%'/>
+                  <Skeleton width='100%'/>
+               </div>
+            </div>
+            <Skeleton variant='rect' width='100%' height={180}/>
          </div>
       </Grow>
    );