adjust spacing

client/src/components/grid/Grid.tsx

@@ -175,7 +175,6 @@ const AttuGrid: FC<AttuGridType> = props => {
     <Grid
       container
       classes={{ root: classes.wrapper, container: classes.container }}
-      spacing={3}
     >
       {title && (
         <Grid item xs={12} className={classes.tableTitle}>

client/src/components/grid/ToolBar.tsx

@@ -33,6 +33,9 @@ const useStyles = makeStyles((theme: Theme) =>
       justifyContent: 'flex-end',
       alignItems: 'center',
     },
+    toolbar: {
+      marginBottom: theme.spacing(2),
+    },
   })
 );
 
@@ -59,7 +62,7 @@ const CustomToolBar: FC<ToolBarType> = props => {
 
   return (
     <>
-      <Grid container role="toolbar">
+      <Grid container role="toolbar" className={classes.toolbar}>
         <Grid item xs={8}>
           {leftConfigs.map((c, i) => {
             const isSelect = c.type === 'select' || c.type === 'groupSelect';

client/src/components/layout/Header.tsx

@@ -22,7 +22,7 @@ const useStyles = makeStyles((theme: Theme) =>
       justifyContent: 'space-between',
       alignItems: 'center',
       paddingTop: theme.spacing(3),
-      paddingLeft: theme.spacing(6),
+      paddingLeft: theme.spacing(5),
       flex: 1,
     },
     navigation: {

client/src/styles/common.css

@@ -33,7 +33,7 @@ fieldset {
   display: flex;
   flex-direction: column;
 
-  margin: 16px 40px;
+  margin: 16px 32px 32px;
 }
 
 .page-empty-card {