Fix Dependencies.test.js

mui · Dec 13, 2022 · 99b566f · 99b566f
1 parent d1c1f6b
commit 99b566f
Showing 1 changed file with 19 additions and 22 deletions.
diff --git 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"