全体的に余白を詰める

src/layouts/dashbord/index.tsx

@@ -55,7 +55,7 @@ function App() {
         }}
       >
         <Header onDrawerToggle={handleDrawerToggle} />
-        <Box component="main" sx={{ flex: 1, py: 6, px: 4 }}>
+        <Box component="main" sx={{ flex: 1, pt: 1, pb: 6, px: 4 }}>
           <Outlet />
         </Box>
         <Box component="footer" sx={{ p: 2 }}>

src/pages/dashboard/login-user/list.tsx

@@ -165,7 +165,7 @@ function SearchBox({ table }: CommonProps) {
   return (
     <FormProvider methods={form} onSubmit={form.handleSubmit(handleSubmit)}>
       <Box sx={{ p: 1, m: 1 }}>
-        <Grid container spacing={2} mt={1}>
+        <Grid container spacing={2}>
           <Grid item xs={3} lg={2}>
             <Stack>
               <Typography>名前</Typography>

src/pages/dashboard/receipt-issuing-order/custom/hello-techno/list.tsx

@@ -308,7 +308,6 @@ function SearchBox({ table }: CommonProps) {
           <Grid item xs={3} lg={2}>
             <Stack>
               <Typography>ステータス</Typography>
-              {/* <RHFTextField name={SearchParam.STATUS} onBlur={handleBlur} /> */}
               <RHFSelect
                 name={SearchParam.STATUS}
                 options={statusNameOptions}
@@ -327,7 +326,7 @@ function SearchBox({ table }: CommonProps) {
             </Stack>
           </Grid>
         </Grid>
-        <Grid container spacing={2} mt={1}>
+        <Grid container spacing={2} mt={-1}>
           <Grid item xs={3} lg={2}>
             <Stack>
               <Typography>運営会社</Typography>
@@ -379,15 +378,13 @@ function SearchBox({ table }: CommonProps) {
               </IconButton>
             )}
           </Grid>
-          {/* <Grid item xs></Grid> */}
           <Grid item xs={3}>
-            <Typography>はがき一括</Typography>
             <Button
               variant="contained"
               disabled={!downloadLetterUrl}
               href={downloadLetterUrl}
             >
-              ダウンロード
+              <>はがき一括 ダウンロード</>
             </Button>
           </Grid>
         </Grid>

src/theme/index.tsx

@@ -170,6 +170,15 @@ theme = {
         },
       },
     },
+    MuiGrid: {
+      styleOverrides: {
+        root: {
+          "&>.MuiGrid-item": {
+            paddingTop: theme.spacing(1),
+          },
+        },
+      },
+    },
   },
 };