remove css for amo select

src/components/CustomSelect/CustomSelect.css

@@ -1,22 +0,0 @@
-.MuiOutlinedInput-root .MuiOutlinedInput-notchedOutline {
-  border: 0;
-}
-
-.MuiPaper-root.MuiMenu-paper {
-  padding-top: 50px;
-  margin-top: -50px;
-  border-radius: 28px;
-}
-
-.MuiInputBase-root.MuiOutlinedInput-root {
-  display: block;
-}
-
-.MuiInputBase-root.MuiOutlinedInput-root > div:first-child,
-.MuiInputBase-root.MuiOutlinedInput-root .MuiSelect-icon {
-  display: none;
-}
-
-.MuiMenu-root.MuiModal-root {
-  z-index: 0;
-}

src/components/CustomSelect/CustomSelect.tsx

@@ -11,7 +11,6 @@ import {
   useTheme,
   Box,
 } from "@mui/material";
-import "./CustomSelect.css";
 import arrow_down from "../../assets/icons/arrow_down.svg";
 import { MinifiedData } from "@/pages/IntegrationsPage/IntegrationsModal/types";
 
@@ -174,10 +173,29 @@ export const CustomSelect: FC<CustomSelectProps> = ({
               maxHeight: "300px",
               overflow: "auto",
               overflowX: "auto",
+              paddingTop: "50px",
+              marginTop: "-50px",
+              borderRadius: "28px",
+
             },
           },
         }}
-        sx={{}}
+        sx={{
+             display: "block",
+            "& .MuiSelect-select.MuiSelect-outlined.MuiInputBase-input": {
+                display: "none"
+            },
+            "& .MuiSelect-icon":{
+                display: "none"
+            },
+            "& .MuiOutlinedInput-notchedOutline": {
+                border: 0
+            },
+            "& .MuiMenu-root.MuiModal-root": {
+                zIndex: 0
+            }
+
+        }}
         onChange={({ target }: SelectChangeEvent<string>) => setSelectedItem(target.value)}
         onClick={toggleOpened}
       >