From 543bdb37585d08c34d39115f9f40dada33bb791e Mon Sep 17 00:00:00 2001
From: danilo leal <67129314+danilo-leal@users.noreply.github.com>
Date: Thu, 16 Jun 2022 00:11:43 -0300
Subject: [PATCH] edit demos

---
 docs/data/joy/components/sheet/SimpleSheet.js |  6 +++++-
 .../data/joy/components/sheet/SimpleSheet.tsx | 19 +++----------------
 2 files changed, 8 insertions(+), 17 deletions(-)

diff --git a/docs/data/joy/components/sheet/SimpleSheet.js b/docs/data/joy/components/sheet/SimpleSheet.js
index c7612065e31493..db9a2bb24b5f0c 100644
--- a/docs/data/joy/components/sheet/SimpleSheet.js
+++ b/docs/data/joy/components/sheet/SimpleSheet.js
@@ -2,5 +2,9 @@ import Sheet from '@mui/joy/Sheet';
 import * as React from 'react';
 
 export default function SimpleSheet() {
-  return <Sheet variant="outlined">Hello world!</Sheet>;
+  return (
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
+  );
 }
diff --git a/docs/data/joy/components/sheet/SimpleSheet.tsx b/docs/data/joy/components/sheet/SimpleSheet.tsx
index 94abd06e6ebc84..db9a2bb24b5f0c 100644
--- a/docs/data/joy/components/sheet/SimpleSheet.tsx
+++ b/docs/data/joy/components/sheet/SimpleSheet.tsx
@@ -1,23 +1,10 @@
-import Box from '@mui/joy/Box';
 import Sheet from '@mui/joy/Sheet';
 import * as React from 'react';
 
 export default function SimpleSheet() {
   return (
-    <Box
-      sx={{
-        display: 'flex',
-        flexWrap: 'wrap',
-        '& > div': {
-          m: 2,
-          width: 128,
-          height: 128,
-        },
-      }}
-    >
-      <Sheet elevation="sm" />
-      <Sheet elevation="md" />
-      <Sheet elevation="lg" />
-    </Box>
+    <Sheet variant="outlined" sx={{ p: 4 }}>
+      Hello world!
+    </Sheet>
   );
 }