From 7e006b759f14d5adc41e53c41628f1250012dcf5 Mon Sep 17 00:00:00 2001
From: Tamara <tamara.zelenko555@yandex.ru>
Date: Fri, 21 Jun 2024 02:27:53 +0300
Subject: [PATCH] remove css for amo select

---
 src/components/CustomSelect/CustomSelect.css | 22 --------------------
 src/components/CustomSelect/CustomSelect.tsx | 22 ++++++++++++++++++--
 2 files changed, 20 insertions(+), 24 deletions(-)
 delete mode 100644 src/components/CustomSelect/CustomSelect.css

diff --git a/src/components/CustomSelect/CustomSelect.css b/src/components/CustomSelect/CustomSelect.css
deleted file mode 100644
index e16e64cc..00000000
--- a/src/components/CustomSelect/CustomSelect.css
+++ /dev/null
@@ -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;
-}
diff --git a/src/components/CustomSelect/CustomSelect.tsx b/src/components/CustomSelect/CustomSelect.tsx
index 700287c4..324b9c28 100644
--- a/src/components/CustomSelect/CustomSelect.tsx
+++ b/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}
       >