From db3ce49e9e42dda85b7c9d0e188ab442c48189a0 Mon Sep 17 00:00:00 2001
From: viown <48097677+viown@users.noreply.github.com>
Date: Tue, 26 Aug 2025 12:19:38 +0300
Subject: [PATCH] Fix text in activity list overflowing

---
 .../activity/components/ActivityListItem.tsx  | 20 ++++++++++++++++---
 1 file changed, 17 insertions(+), 3 deletions(-)

diff --git a/src/apps/dashboard/features/activity/components/ActivityListItem.tsx b/src/apps/dashboard/features/activity/components/ActivityListItem.tsx
index b27b42735a..ddbf79db72 100644
--- a/src/apps/dashboard/features/activity/components/ActivityListItem.tsx
+++ b/src/apps/dashboard/features/activity/components/ActivityListItem.tsx
@@ -37,14 +37,28 @@ const ActivityListItem = ({ item, displayShortOverview }: ActivityListItemProps)
                 </ListItemAvatar>
 
                 <ListItemText
-                    primary={<Typography>{item.Name}</Typography>}
+                    primary={<Typography sx={{ whiteSpace: 'pre-wrap' }}>{item.Name}</Typography>}
                     secondary={(
                         <Stack>
-                            <Typography variant='body1' color='text.secondary'>
+                            <Typography
+                                sx={{
+                                    textOverflow: 'ellipsis',
+                                    overflow: 'hidden'
+                                }}
+                                variant='body1'
+                                color='text.secondary'
+                            >
                                 {relativeDate}
                             </Typography>
                             {displayShortOverview && (
-                                <Typography variant='body1' color='text.secondary'>
+                                <Typography
+                                    sx={{
+                                        textOverflow: 'ellipsis',
+                                        overflow: 'hidden'
+                                    }}
+                                    variant='body1'
+                                    color='text.secondary'
+                                >
                                     {item.ShortOverview}
                                 </Typography>
                             )}