home structure

src/layouts/white/White.jsx

@@ -14,7 +14,7 @@ const useStyles = makeStyles((theme) => ({
   container: {
     minHeight: '100vh',
     paddingTop: '2rem',
-    paddingBottom: '2rem',
+    // paddingBottom: '2rem',
     fallbacks: [
       { minHeight: '-moz-calc(100% - 128px)' },
       { minHeight: '-webkit-calc(100% - 128px)' },

src/layouts/white/components/footer/Footer.jsx

@@ -9,6 +9,7 @@ const useStyles = makeStyles((theme) => ({
   icon: {
     width: '5rem',
     height: '5rem',
+    [theme.breakpoints.down('md')]: { width: '3rem', height: '3rem' },
   },
 }));
 
@@ -43,15 +44,8 @@ const Footer = (props) => {
   return (
     <Grid container justify="center" alignItems="center" id="footer">
       <ScrollTop {...props}>
-        <KeyboardArrowUpIcon
-          className={classes.icon}
-          style={{
-            width: '5rem',
-            height: '5rem',
-          }}
-        />
+        <KeyboardArrowUpIcon className={classes.icon} />
       </ScrollTop>
-      {/* <div style={{ height: '30rem' }} /> */}
     </Grid>
   );
 };