@@ -6,6 +6,7 @@ interface Props {
 	children: React.ReactNode
 	className?: string
 	maxWidth?: string
+	wrapperWidth?: string
 	placement?:
 		| 'bottom-end'
 		| 'bottom-start'
@@ -20,7 +21,7 @@ interface Props {
 		| 'top-start'
 		| 'top'
 }
-export const TooltipCustom: React.FC<Props> = ({ children, title, placement, className, maxWidth }) => {
+export const TooltipCustom: React.FC<Props> = ({ children, title, placement, className, maxWidth, wrapperWidth }) => {
 	return (
 		<Tooltip
 			onClick={(e) => e.stopPropagation()}
@@ -50,7 +51,9 @@ export const TooltipCustom: React.FC<Props> = ({ children, title, placement, cla
 			arrow
 			placement={placement}
 		>
-			<span>{children}</span>
+			<div style={{ width: wrapperWidth, display: 'block' }}>
+				{children}
+			</div>
 		</Tooltip>
 	)
 }
@@ -228,15 +228,19 @@ export const ImageMessagesList: React.FC<MessagesList> = memo(({ device, images,
 
 											<TooltipCustom
 												placement='right'
-												title={message.content.length > (device === 'mobile' ? 35 : 30) ? message.content : ''}
+												wrapperWidth={device === 'desktop' ? '250px' : '291px'}
+												title={message.content}
 											>
 												<Typography
 													onClick={() => message.content.length > 0 && onPromptClick?.(message.content)}
 													sx={{
 														fontSize: '15px',
-														maxWidth: device === 'desktop' ? '250px' : '100%',
+														width: '100%',
 														marginTop: '12px',
 														color: '#A4AAB5',
+														whiteSpace: 'nowrap',
+														overflow: 'hidden',
+														textOverflow: 'ellipsis',
 														cursor: onPromptClick && message.content.length > 0 ? 'pointer' : 'default',
 													}}
 												>
@@ -138,24 +138,27 @@ export const VideoMessagesList: React.FC<MessagesList> = memo(({ device, videos,
 											<TooltipCustom
 												key={message.uid}
 												placement='right'
-												title={message.content.length > (device === 'mobile' ? 35 : 30) ? message.content : ''}
+												wrapperWidth={device === 'desktop' ? '250px' : '291px'}
+												title={message.content}
 											>
 												<Typography
 													onClick={() => message.content.length > 0 && onPromptClick?.(message.content)}
 													sx={{
 														fontSize: '15px',
-														maxWidth: device === 'desktop' ? '250px' : '100%',
+														width: '100%',
 														marginTop: '12px',
 														color: '#A4AAB5',
+														whiteSpace: 'nowrap',
+														overflow: 'hidden',
+														textOverflow: 'ellipsis',
 														cursor: onPromptClick && message.content.length > 0 ? 'pointer' : 'default',
 													}}
 												>
 													{!loadedVideos.has(message.uid)
 														? ''
 														: message.content.length > 0
-														? message?.content.replaceAll('"', '').slice(0, device === 'mobile' ? 35 : 30)
+														? message?.content.replaceAll('"', '')
 														: 'описание отсутствует'}
-													{message?.content.length > (device === 'mobile' ? 35 : 30) && loadedVideos.has(message.uid) && '...'}
 												</Typography>
 											</TooltipCustom>
 										</Box>