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>
         ))}