diff --git a/website/src/react-native/css/react-native.css b/website/src/react-native/css/react-native.css
index 4f7684bda37143..8962172b8e51fb 100644
--- a/website/src/react-native/css/react-native.css
+++ b/website/src/react-native/css/react-native.css
@@ -1764,6 +1764,13 @@ input#algolia-doc-search:focus {
   margin: 2px;
 }
 
+@supports (display:grid) {
+  .component-grid {
+    display: grid;
+    grid-gap: 22px;
+  }
+}
+
 @media only screen and (min-device-width: 768px) {
   .component-grid {
     width: 768px;
@@ -1777,6 +1784,17 @@ input#algolia-doc-search:focus {
     margin: 0 22px 22px auto;
     vertical-align: top;
   }
+
+  @supports (display:grid) {
+    .component-grid {
+      grid-template-columns: repeat(3, 1fr);
+    }
+    .component {
+      width: auto;
+      height: auto;
+      margin: 0;
+    }
+  }
 }
 
 /** Showcase **/