fixed column misplacement when no render for gutter

src/common/ResponsiveTable.tsx

@@ -22,7 +22,7 @@ const useStyles = makeStyles((theme: Theme) => {
       padding: theme.spacing(1)
     },
     titleContainer: {
-      border: "none"
+      border: "none",
     },
     searchContainer: {
       border: "none",
@@ -108,7 +108,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
       <Table>
         <TableHead>
           <TableRow>
-            {title && <TableCell colSpan={3} className={classes.titleContainer}>
+            {title && <TableCell colSpan={2} className={classes.titleContainer}>
               {typeof(title) === "string" ? 
                 <Typography variant="h5" className={classes.title}>
                   {title}
@@ -120,7 +120,7 @@ export default function ResponsiveTable<T extends Object>(props: Props<T>) {
               }
             </TableCell>}
             { setSearchText &&
-              <TableCell colSpan={title ? 3 : 6} className={classes.searchContainer}>
+              <TableCell colSpan={title ? 2 : 4} className={classes.searchContainer}>
                 <TextField 
                   variant="standard"
                   className={classes.title}

src/pages/Users.tsx

@@ -355,7 +355,6 @@ export default function Users() {
           <SearchSelect
             label="Select an action to allow"
             selected={selectedAction}
-            // options={actions}
             options={actions
               .filter(a => !selectedUser.settings.actions.includes(a))
               .map(a => {