src/components/Boxes.js

@@ -45,7 +45,7 @@ export default function Boxes({ token }) {
     axios.delete(`${process.env.REACT_APP_API_URL}/boxes/${id}`, {
       headers: { Authorization: `Bearer ${token}` }
     }).then(() => {
-      setBoxes(boxes.filter(box => box.id !== id));
+      setBoxes(boxes.filter(box => box.ID !== id));
     });
   };
 
@@ -53,7 +53,7 @@ export default function Boxes({ token }) {
     <Container>
 
       <TableContainer>
-        <Table>
+        <Table size="small">
           <TableHead>
             <TableRow>
               <TableCell>Box Name</TableCell>