From 385a8518cfe005799096ef2c0a36a6695467020b Mon Sep 17 00:00:00 2001
From: Benny Joo <sldisek783@gmail.com>
Date: Tue, 13 Dec 2022 17:49:52 +0000
Subject: [PATCH] Fix Dependencies.test.js

---
 docs/src/modules/sandbox/Dependencies.test.js | 41 +++++++++----------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/docs/src/modules/sandbox/Dependencies.test.js b/docs/src/modules/sandbox/Dependencies.test.js
index d2b9d6ef53d88f..66324a067d4424 100644
--- a/docs/src/modules/sandbox/Dependencies.test.js
+++ b/docs/src/modules/sandbox/Dependencies.test.js
@@ -338,7 +338,6 @@ import { CssVarsProvider, useColorScheme } from '@mui/joy/styles';
 import type { Theme } from '@mui/joy/styles';
 import Box from '@mui/joy/Box';
 import Typography from '@mui/joy/Typography';
-import FormControl from '@mui/joy/FormControl';
 import Input from '@mui/joy/Input';
 import IconButton from '@mui/joy/IconButton';
 
@@ -436,27 +435,25 @@ export default function EmailExample() {
             </IconButton>
             <Typography fontWeight={700}>Email</Typography>
           </Box>
-          <FormControl>
-            <Input 
-              size="sm"
-              placeholder="Search anything…"
-              startDecorator={<SearchRoundedIcon color="primary" />}
-              endDecorator={
-                <IconButton variant="outlined" size="sm" color="neutral">
-                  <Typography fontWeight="lg" fontSize="sm" textColor="text.tertiary">
-                    /
-                  </Typography>
-                </IconButton>
-              }
-              sx={{
-                flexBasis: '500px',
-                display: {
-                  xs: 'none',
-                  sm: 'flex',
-                },
-              }}
-            />
-          </FormControl>
+          <Input
+            size="sm"
+            placeholder="Search anything…"
+            startDecorator={<SearchRoundedIcon color="primary" />}
+            endDecorator={
+              <IconButton variant="outlined" size="sm" color="neutral">
+                <Typography fontWeight="lg" fontSize="sm" textColor="text.tertiary">
+                  /
+                </Typography>
+              </IconButton>
+            }
+            sx={{
+              flexBasis: '500px',
+              display: {
+                xs: 'none',
+                sm: 'flex',
+              },
+            }}
+          />
           <Box sx={{ display: 'flex', flexDirection: 'row', gap: 1.5 }}>
             <IconButton
               size="sm"