From a852334e247a49bf6cec601320eac2bcf55dfb66 Mon Sep 17 00:00:00 2001
From: MUI bot <2109932+Janpot@users.noreply.github.com>
Date: Fri, 26 Jul 2024 13:18:18 +0200
Subject: [PATCH] Fix grid layout in examples

---
 docs/src/components/landing-core/Examples.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/components/landing-core/Examples.js b/docs/src/components/landing-core/Examples.js
index 4828201b025..374113cfcbc 100644
--- a/docs/src/components/landing-core/Examples.js
+++ b/docs/src/components/landing-core/Examples.js
@@ -105,7 +105,7 @@ export default function Examples() {
           }
         />
         <Grid container spacing={5} sx={{ mt: { xs: 1, sm: 4 } }}>
-          <Grid xs={12} md={6}>
+          <Grid size={{ xs: 12, md: 6 }}>
             <ImageContainer noLinkStyle href="https://mui.com/toolpad/core/introduction/tutorial/">
               <Img
                 src="/static/toolpad/docs/studio/examples/qr-generator.png"
@@ -120,7 +120,7 @@ export default function Examples() {
               href="https://mui.com/toolpad/core/introduction/tutorial/"
             />
           </Grid>
-          <Grid xs={12} md={6}>
+          <Grid size={{ xs: 12, md: 6 }}>
             <Box
               sx={[
                 (theme) => ({