From f586575923c174fc8fdf346df03d449789342155 Mon Sep 17 00:00:00 2001
From: MTG2000 <mtg0987654321@gmail.com>
Date: Mon, 12 Sep 2022 17:45:24 +0300
Subject: [PATCH] fix: line wrap issue in EventModal

---
 .../Tournaments/pages/EventsPage/EventCard/EventCard.tsx        | 2 +-
 .../Tournaments/pages/EventsPage/EventModal/EventModal.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/features/Tournaments/pages/EventsPage/EventCard/EventCard.tsx b/src/features/Tournaments/pages/EventsPage/EventCard/EventCard.tsx
index 151f8e5..be99f15 100644
--- a/src/features/Tournaments/pages/EventsPage/EventCard/EventCard.tsx
+++ b/src/features/Tournaments/pages/EventsPage/EventCard/EventCard.tsx
@@ -58,7 +58,7 @@ export default function EventCard({ event }: Props) {
                     <p className="text-body4 text-gray-600 line-clamp-2">
                         {trimText(event.description, 90)}
                     </p>
-                    <span className={`mt-8 text-body5 self-start px-8 py-4 rounded-20 whitespace-pre-line ${mapTypeToBadge[event.type].color}`}>
+                    <span className={`mt-8 text-body5 self-start px-8 py-4 rounded-20 ${mapTypeToBadge[event.type].color}`}>
                         {mapTypeToBadge[event.type].text}
                     </span>
                 </div>
diff --git a/src/features/Tournaments/pages/EventsPage/EventModal/EventModal.tsx b/src/features/Tournaments/pages/EventsPage/EventModal/EventModal.tsx
index 891a1be..7fd60c8 100644
--- a/src/features/Tournaments/pages/EventsPage/EventModal/EventModal.tsx
+++ b/src/features/Tournaments/pages/EventsPage/EventModal/EventModal.tsx
@@ -57,7 +57,7 @@ export default function ProjectDetailsCard({ direction, event, ...props }: Props
                         <a href={event.website} target="_blank" rel="noreferrer" > <span className="align-middle ">{event.website}</span></a>
                     </p>
                 </div>
-                <p className="text-body4 text-gray-600 mt-24">
+                <p className="text-body4 text-gray-600 mt-24  whitespace-pre-line">
                     {event.description}
                 </p>
             </div>