1 files changed, 4 insertions, 7 deletions
diff --git a/modern/src/reports/ReportLayout.js b/modern/src/reports/ReportLayout.js
index 98a2bc75..bacebddf 100644
--- a/modern/src/reports/ReportLayout.js
+++ b/modern/src/reports/ReportLayout.js
@@ -18,6 +18,9 @@ import { useTranslation } from '../LocalizationProvider';
 const useStyles = makeStyles((theme) => ({
   root: {
     display: 'flex',
+    [theme.breakpoints.down('sm')]: {
+      flexDirection: 'column',
+    },
     height: '100%',
   },
   drawerContainer: {
@@ -31,7 +34,7 @@ const useStyles = makeStyles((theme) => ({
   },
   content: {
     flex: 1,
-    padding: theme.spacing(5, 3, 3, 3),
+    padding: theme.spacing(3, 3, 3, 3),
   },
   drawerHeader: {
     ...theme.mixins.toolbar,
@@ -44,11 +47,6 @@ const useStyles = makeStyles((theme) => ({
       backgroundColor: 'transparent',
     },
   },
-  toolbar: {
-    [theme.breakpoints.down('sm')]: {
-      ...theme.mixins.toolbar,
-    },
-  },
 }));
 
 const ReportLayout = ({ children, filter }) => {
@@ -114,7 +112,6 @@ const ReportLayout = ({ children, filter }) => {
         </Drawer>
       </Hidden>
       <div className={classes.content}>
-        <div className={classes.toolbar} />
         <Grid container direction="column" spacing={2}>
           <Grid item>{filter}</Grid>
           <Grid item>{children}</Grid>