Improve shadows in search box

client/src/components/Header/SearchServers.tsx

@@ -131,24 +131,20 @@ export default function SearchServers({
   };
 
   return (
-    <Container
+    <Box
       ref={containerRef}
       className="overflow-hidden"
       sx={{
         transition: 'all 0.3s ease',
         maxHeight: showSearchServer ? contentHeight : 0,
-        borderBottom: showSearchServer
-          ? (theme) =>
-              theme.palette.mode === 'dark'
-                ? '1px solid rgba(255, 255, 255, .12)'
-                : '1px solid rgba(0, 0, 0, .12)'
-          : 'none',
         backgroundColor: (theme) =>
           theme.palette.mode === 'dark'
             ? 'rgba(255, 255, 255, .06)'
             : 'rgba(0, 0, 0, .06)',
+        boxShadow: 'inset 0em 3em 5em -5em black,inset 0em -3em 5em -6em black',
       }}
     >
+      <Container>
         <Grid container spacing={2} className="py-2">
           {/* Name */}
           <Grid item xs={12}>
@@ -703,5 +699,6 @@ export default function SearchServers({
           </Grid>
         </Grid>
       </Container>
+    </Box>
   );
 }