From 7bd2f83f9730807752126c7fae9d91c61cf4a15f Mon Sep 17 00:00:00 2001
From: sabaimran <narmiabas@gmail.com>
Date: Mon, 11 Nov 2024 20:12:39 -0800
Subject: [PATCH] Wrap test in suggestionCard

---
 .../web/app/components/suggestions/suggestionCard.tsx       | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/interface/web/app/components/suggestions/suggestionCard.tsx b/src/interface/web/app/components/suggestions/suggestionCard.tsx
index 180328fa..87c674d4 100644
--- a/src/interface/web/app/components/suggestions/suggestionCard.tsx
+++ b/src/interface/web/app/components/suggestions/suggestionCard.tsx
@@ -19,11 +19,11 @@ export default function SuggestionCard(data: SuggestionCardProps) {
 
     const cardContent = (
         <Card className={cardClassName}>
-            <div className="flex">
-                <CardContent className="m-0 p-2">
+            <div className="flex w-full">
+                <CardContent className="m-0 p-2 w-full">
                     {convertSuggestionTitleToIconClass(data.title, data.color.toLowerCase())}
                     <CardDescription
-                        className={`${descriptionClassName} sm:line-clamp-2 md:line-clamp-4 pt-1`}
+                        className={`${descriptionClassName} sm:line-clamp-2 md:line-clamp-4 pt-1 break-words whitespace-pre-wrap max-w-full`}
                     >
                         {data.body}
                     </CardDescription>