diff --git a/frontend/src/component/personalDashboard/LatestProjectEvents.tsx b/frontend/src/component/personalDashboard/LatestProjectEvents.tsx index 89fdbbf7ec..8e239d1ff4 100644 --- a/frontend/src/component/personalDashboard/LatestProjectEvents.tsx +++ b/frontend/src/component/personalDashboard/LatestProjectEvents.tsx @@ -45,9 +45,13 @@ const StyledUserAvatar = styled(UserAvatar)(({ theme }) => ({ })); const StyledMarkdown = styled(Markdown)(({ theme }) => ({ - wordBreak: 'break-all', + wordBreak: 'break-word', })); +const BreakLongWordsFallback = styled('div')({ + wordBreak: 'break-all', +}); + export const LatestProjectEvents: FC<{ latestEvents: PersonalDashboardProjectDetailsSchema['latestEvents']; }> = ({ latestEvents }) => { @@ -77,10 +81,12 @@ export const LatestProjectEvents: FC<{ locationSettings.locale, )} - - {event.summary || - 'No preview available for this event'} - + + + {event.summary || + 'No preview available for this event'} + + );