From f425eee7cecec91368e18f270a1f1fc5c2000f33 Mon Sep 17 00:00:00 2001
From: kwasniew <kwasniewski.mateusz@gmail.com>
Date: Mon, 21 Oct 2024 14:48:03 +0200
Subject: [PATCH] fix: break words first, break all second

---
 .../personalDashboard/LatestProjectEvents.tsx    | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

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,
                                     )}
                                 </Timestamp>
-                                <StyledMarkdown>
-                                    {event.summary ||
-                                        'No preview available for this event'}
-                                </StyledMarkdown>
+                                <BreakLongWordsFallback>
+                                    <StyledMarkdown>
+                                        {event.summary ||
+                                            'No preview available for this event'}
+                                    </StyledMarkdown>
+                                </BreakLongWordsFallback>
                             </div>
                         </Event>
                     );