ссылки не переполняют

src/pages/PersonalizationAI/AuditoryLink.tsx

@@ -10,7 +10,7 @@ interface AuditoryLinkProps {
     item: AuditoryItem;
     index: number;
     onDelete: (id: number) => void;
-    utmParams:string
+    utmParams: string
 }
 
 export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkProps) => {
@@ -50,9 +50,9 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
             }}
             secondaryAction={
                 <>
-                    <IconButton 
-                        edge="end" 
-                        aria-label="delete" 
+                    <IconButton
+                        edge="end"
+                        aria-label="delete"
                         sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }}
                         onClick={handleDelete}
                     >
@@ -65,9 +65,9 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
                     <IconButton edge="end" aria-label="info" sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18 }}>
                         <TooltipClickInfo title={`Пол: ${item.sex ? "мужской" : "женский"} \n Возраст: ${item.age}`} />
                     </IconButton>
-                    <IconButton 
-                        edge="end" 
-                        aria-label="copy" 
+                    <IconButton
+                        edge="end"
+                        aria-label="copy"
                         sx={{ color: theme.palette.brightPurple.main, p: 0, width: 18, height: 18, marginRight: "-2px" }}
                         onClick={() => handleCopy(linkText)}
                     >
@@ -76,7 +76,12 @@ export const AuditoryLink = ({ utmParams, item, index, onDelete }: AuditoryLinkP
                 </>
             }
         >
-            <Typography sx={{ color: 'black', fontWeight: 400, fontSize: "16px" }}>
+            <Typography sx={{
+                color: 'black', fontWeight: 400, fontSize: "16px",
+                textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden",
+                width: "calc(100% - 80px)"
+
+            }}>
                 {linkText}
             </Typography>
         </ListItem>