From c90842bede799fb4632a826aa0bde87546214e6f Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Wed, 5 Aug 2020 09:30:46 +0200
Subject: [PATCH] style: size cards

---
 src/components/MatchItem/styles.ts | 3 ++-
 src/components/MatchList/index.tsx | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/MatchItem/styles.ts b/src/components/MatchItem/styles.ts
index 6231af6..e93cf4e 100644
--- a/src/components/MatchItem/styles.ts
+++ b/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,
diff --git a/src/components/MatchList/index.tsx b/src/components/MatchList/index.tsx
index 831e322..0387ef9 100644
--- a/src/components/MatchList/index.tsx
+++ b/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>
         ))}