Fix comment overflow and ensure content fits within div (#8722)

ohcnetwork · Oct 22, 2024 · c23b16c · c23b16c
1 parent 2b8470c
commit c23b16c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/src/Components/Resource/CommentSection.tsx b/src/Components/Resource/CommentSection.tsx
@@ -85,8 +85,8 @@ export const Comment = ({
   modified_date,
 }: IComment) => (
   <div className="mt-4 flex w-full flex-col rounded-lg border border-secondary-300 bg-white p-4 text-secondary-800">
-    <div className="flex w-full">
-      <p className="text-justify">{comment}</p>
+    <div className="w-full">
+      <p className="break-words">{comment}</p>
     </div>
     <div className="mt-3">
       <span className="text-xs text-secondary-500">

diff --git a/src/Components/Shifting/CommentsSection.tsx b/src/Components/Shifting/CommentsSection.tsx
@@ -94,8 +94,8 @@ export const Comment = ({
       key={id}
       className="mt-4 flex w-full flex-col rounded-lg border border-secondary-300 bg-white p-4 text-secondary-800"
     >
-      <div className="flex w-full">
-        <p className="text-justify">{comment}</p>
+      <div className="w-full">
+        <p className="break-words">{comment}</p>
       </div>
       <div className="mt-3">
         <span className="text-xs text-secondary-500">