From c1d51b6dbbda1ad6f1bddfb6a0297f66ea106563 Mon Sep 17 00:00:00 2001
From: Nathan Hammond <nathan.hammond@vercel.com>
Date: Mon, 24 Oct 2022 22:25:15 +0800
Subject: [PATCH] Change the grid responsive behavior to prevent overflow.
 (#221)

---
 docs/components/clients/Clients.tsx     | 2 +-
 docs/components/pages/landing/index.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/components/clients/Clients.tsx b/docs/components/clients/Clients.tsx
index cc726be95bd4f..8ec4d1746e73a 100644
--- a/docs/components/clients/Clients.tsx
+++ b/docs/components/clients/Clients.tsx
@@ -18,7 +18,7 @@ export function Clients({
   const LogoWrapper = ({ className, children }) => {
     if (!staticWidth) return children;
     return (
-      <div className={cn("w-48 flex items-center justify-center", className)}>
+      <div className={cn("w-48 lg:w-40 flex items-center justify-center", className)}>
         {children}
       </div>
     );
diff --git a/docs/components/pages/landing/index.tsx b/docs/components/pages/landing/index.tsx
index 1bda65c4891b3..3137c05ba5bf0 100644
--- a/docs/components/pages/landing/index.tsx
+++ b/docs/components/pages/landing/index.tsx
@@ -149,7 +149,7 @@ function Teams() {
         Trusted by teams from
         <br className="inline md:hidden" /> around the world
       </p>
-      <div className="z-50 grid grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col">
+      <div className="z-50 grid grid-rows-6 sm:grid-rows-3 md:grid-rows-2 lg:grid-rows-1 grid-flow-col">
         <Clients
           companyList={[
             "Vercel",