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

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) => {
@@ -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>