style: size cards

src/components/MatchItem/styles.ts

@@ -2,8 +2,9 @@ import { makeStyles } from "@material-ui/core";
 
 const useStyles = makeStyles({
   root: {
-    maxWidth: 345,
     marginTop: "16px",
+    width: 345,
+    height: 330,
   },
   media: {
     height: 140,

src/components/MatchList/index.tsx

@@ -13,7 +13,7 @@ const MatchList: FC<IGameState> = ({ games, loading }) =>
     <Container>
       <Grid container justify="center" spacing={3}>
         {games.map((game, i) => (
-          <Grid key={i} item sm={6} md={3}>
+          <Grid key={i} item sm={6} md={4}>
             <MatchItem {...game} id={i} />
           </Grid>
         ))}