From 1a450cac03649f76cebabf9a0fc63297443c749d Mon Sep 17 00:00:00 2001
From: Danilo Leal <67129314+danilo-leal@users.noreply.github.com>
Date: Mon, 15 Apr 2024 19:10:23 -0300
Subject: [PATCH] fix Grid usage

---
 docs/src/components/home/CompaniesGrid.tsx                 | 3 +--
 docs/src/components/productDesignKit/DesignKitFAQ.tsx      | 6 +++---
 docs/src/components/productMaterial/MaterialDesignKits.tsx | 5 ++---
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/docs/src/components/home/CompaniesGrid.tsx b/docs/src/components/home/CompaniesGrid.tsx
index 2591dda6a9be02..691f9aefc3e043 100644
--- a/docs/src/components/home/CompaniesGrid.tsx
+++ b/docs/src/components/home/CompaniesGrid.tsx
@@ -1,5 +1,5 @@
 import * as React from 'react';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import IconImage, { IconImageProps } from 'docs/src/components/icon/IconImage';
 
 export const CORE_CUSTOMERS: Array<IconImageProps> = [
@@ -189,7 +189,6 @@ export default function CompaniesGrid({ data }: { data: Array<IconImageProps> })
       {data.map((imgProps) => (
         <Grid
           key={imgProps.name}
-          item
           xs={6}
           sm={4}
           md={2}
diff --git a/docs/src/components/productDesignKit/DesignKitFAQ.tsx b/docs/src/components/productDesignKit/DesignKitFAQ.tsx
index dcff3c89a333d7..0d2e175f0945ab 100644
--- a/docs/src/components/productDesignKit/DesignKitFAQ.tsx
+++ b/docs/src/components/productDesignKit/DesignKitFAQ.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { styled } from '@mui/material/styles';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import Button from '@mui/material/Button';
 import KeyboardArrowRightRounded from '@mui/icons-material/KeyboardArrowRightRounded';
 import Paper from '@mui/material/Paper';
@@ -141,12 +141,12 @@ export default function DesignKitFAQ() {
         Frequently asked questions
       </Typography>
       <Grid container spacing={2}>
-        <Grid item xs={12} md={6}>
+        <Grid xs={12} md={6}>
           {renderItem(0)}
           {renderItem(1)}
           {renderItem(2)}
         </Grid>
-        <Grid item xs={12} md={6}>
+        <Grid xs={12} md={6}>
           {renderItem(3)}
           {renderItem(4)}
           <Paper
diff --git a/docs/src/components/productMaterial/MaterialDesignKits.tsx b/docs/src/components/productMaterial/MaterialDesignKits.tsx
index 2b9ad24a3a3ce5..70587144ff4f2e 100644
--- a/docs/src/components/productMaterial/MaterialDesignKits.tsx
+++ b/docs/src/components/productMaterial/MaterialDesignKits.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import { styled, alpha } from '@mui/material/styles';
 import Box from '@mui/material/Box';
 import Button from '@mui/material/Button';
-import Grid from '@mui/material/Grid';
+import Grid from '@mui/material/Unstable_Grid2';
 import Fade from '@mui/material/Fade';
 import Chip from '@mui/material/Chip';
 import Typography from '@mui/material/Typography';
@@ -41,7 +41,7 @@ export default function MaterialDesignKits({ gradient }: MaterialDesignKitsProps
   return (
     <Section bg={gradient ? 'gradient' : 'white'} cozy>
       <Grid container spacing={2} alignItems="center">
-        <Grid item md={6} sx={{ minWidth: 0 }}>
+        <Grid md={6} sx={{ minWidth: 0 }}>
           <SectionHeadline
             overline="Design resources"
             title={
@@ -69,7 +69,6 @@ export default function MaterialDesignKits({ gradient }: MaterialDesignKitsProps
           </Group>
         </Grid>
         <Grid
-          item
           xs={12}
           md={6}
           sx={{