diff --git a/src/features/MatchesGrid/styled.tsx b/src/features/MatchesGrid/styled.tsx
index 78464351..b28df056 100644
--- a/src/features/MatchesGrid/styled.tsx
+++ b/src/features/MatchesGrid/styled.tsx
@@ -8,6 +8,13 @@ export const Wrapper = styled.ul`
   grid-gap: 13px;
  
   @media${devices.large} {
-    grid-template-columns: repeat(auto-fit, minmax(279px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(270px, 280px ));
+  }
+
+  @media${devices.tablet} {
+    justify-content: center;
+  }
+  @media${devices.mobile} {
+    grid-template-columns: repeat(auto-fit, minmax(279px, 1fr ));
   }
 `
diff --git a/src/features/Search/styled.tsx b/src/features/Search/styled.tsx
index 284d79c5..5214561f 100644
--- a/src/features/Search/styled.tsx
+++ b/src/features/Search/styled.tsx
@@ -31,6 +31,9 @@ export const Form = styled.form<{isMatch: boolean}>`
         margin-top: 25px;
         background-color: transparent;
       }
+      @media${devices.mobile} {
+        margin-top: 20px;
+      }
   }
   
   @media${devices.desktop} {