непомещаемое содержимое выпадашки прячется

src/pages/ViewPublicationPage/index.tsx

@@ -18,7 +18,7 @@ const QID =
   process.env.NODE_ENV === "production" ?
     window.location.pathname.replace(/\//g, '')
     :
-    "a6e62fb7-370a-48ae-a504-8a8d0832d89c"
+    "9fafc6c9-6ccf-42b6-b400-0ee9f5f0fa16"
 
 
 export const ViewPage = () => {

src/pages/ViewPublicationPage/tools/Select.tsx

@@ -112,10 +112,14 @@ export const Select = ({
         inputProps={{
           sx: {
             color: colorMain,
-            display: "flex",
+            display: "block",
-            alignItems: "center",
             px: "9px",
             gap: "20px",
+            "& .MuiTypography-root": {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+            }
+
           },
         }}
         IconComponent={(props) => <ArrowDown {...props} />}
@@ -131,6 +135,7 @@ export const Select = ({
               padding: "10px",
               borderRadius: "5px",
               color: colorPlaceholder,
+              whiteSpace: "normal"
             }}
           >
             {item}