From 9e45a1620a514a1e53f63eb6ae4112e6dc15583d Mon Sep 17 00:00:00 2001
From: Pasha Hliebov <p.hliebov@bsg.world>
Date: Wed, 6 Jul 2022 11:40:31 +0300
Subject: [PATCH 1/2] add word break

---
 .../common/components/MarkdownPreview/MarkdownPreviewStyles.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui/src/common/components/MarkdownPreview/MarkdownPreviewStyles.tsx b/packages/ui/src/common/components/MarkdownPreview/MarkdownPreviewStyles.tsx
index 6e48cb6874..7c2112c7ef 100644
--- a/packages/ui/src/common/components/MarkdownPreview/MarkdownPreviewStyles.tsx
+++ b/packages/ui/src/common/components/MarkdownPreview/MarkdownPreviewStyles.tsx
@@ -77,6 +77,7 @@ export const MarkdownPreviewStyles = createGlobalStyle<MarkdownPreviewStylesProp
     line-height: 1.5;
     font-weight: 400;
     color: ${normalColor};
+    word-break: break-word;
   }
 
   .markdown-preview li {

From 9ce8593dc3536938eaa9246d82b11f05698f1796 Mon Sep 17 00:00:00 2001
From: Pasha Hliebov <p.hliebov@bsg.world>
Date: Thu, 7 Jul 2022 20:45:31 +0300
Subject: [PATCH 2/2] add word-wrap for title

---
 .../council/modals/CandidacyPreview/CandidacyDetails.tsx    | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/council/modals/CandidacyPreview/CandidacyDetails.tsx b/packages/ui/src/council/modals/CandidacyPreview/CandidacyDetails.tsx
index 9f2e320e8c..50f840b68e 100644
--- a/packages/ui/src/council/modals/CandidacyPreview/CandidacyDetails.tsx
+++ b/packages/ui/src/council/modals/CandidacyPreview/CandidacyDetails.tsx
@@ -17,7 +17,7 @@ export const CandidacyDetails = ({ candidate }: Props) => {
   return (
     <Details gap={24}>
       <RowGapBlock gap={4}>
-        <h4>{candidate.info.title}</h4>
+        <Title>{candidate.info.title}</Title>
         {candidate.info.bannerUri && <HeaderImage src={candidate.info.bannerUri} />}
       </RowGapBlock>
       <RowGapBlock gap={4}>
@@ -49,3 +49,7 @@ const Details = styled(RowGapBlock)`
 const HeaderImage = styled.img`
   width: 100%;
 `
+
+const Title = styled.h4`
+  word-break: break-word;
+`