style: chequebook header in accounting page (#81)

src/pages/accounting/AccountCard.tsx

@@ -29,6 +29,11 @@ const useStyles = makeStyles((theme: Theme) =>
       flexWrap: 'wrap',
       justifyContent: 'space-between',
     },
+    chequebookActions: {
+      justifyContent: 'space-between',
+      display: 'flex',
+      marginBottom: theme.spacing(1),
+    },
   }),
 )
 
@@ -50,8 +55,10 @@ function AccountCard({ totalreceived, totalsent, chequebookBalance, isLoading }:
 
   return (
     <div>
-      <div style={{ justifyContent: 'space-between', display: 'flex' }}>
+      <div className={classes.chequebookActions}>
-        <h2 style={{ marginTop: '0px' }}>Chequebook</h2>
+        <Typography component="h2" variant="h6">
+          Chequebook
+        </Typography>
         <div className={classes.buttons}>
           <WithdrawModal />
           <DepositModal />