From 362381f5169deccfceb13ea2957c00cfb885211d Mon Sep 17 00:00:00 2001
From: Vedant <vedantchinta7@gmail.com>
Date: Wed, 8 Oct 2025 00:53:01 +0530
Subject: [PATCH] fix(bug): remove overflow of comment (#206) (#207)

---
 apps/web/src/styles/globals.css                | 14 ++++++++++++++
 apps/web/src/views/card/components/Comment.tsx |  2 +-
 apps/web/tailwind.config.ts                    |  2 +-
 3 files changed, 16 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/styles/globals.css b/apps/web/src/styles/globals.css
index a802e640..57441176 100644
--- a/apps/web/src/styles/globals.css
+++ b/apps/web/src/styles/globals.css
@@ -25,3 +25,17 @@
   width: 200%;
   height: 200%;
 }
+
+@layer utilities {
+  @supports not (overflow-wrap: anywhere) {
+    .break-anywhere {
+      word-break: break-word;
+    }
+  }
+
+  @supports (overflow-wrap: anywhere) {
+    .break-anywhere {
+      overflow-wrap: anywhere;
+    }
+  }
+}
diff --git a/apps/web/src/views/card/components/Comment.tsx b/apps/web/src/views/card/components/Comment.tsx
index 7f21f30b..000cb17c 100644
--- a/apps/web/src/views/card/components/Comment.tsx
+++ b/apps/web/src/views/card/components/Comment.tsx
@@ -138,7 +138,7 @@ const Comment = ({
         <ContentEditable
           html={comment ?? ""}
           disabled={true}
-          className="mt-2 text-sm"
+          className="break-anywhere mt-2 text-sm"
         />
       ) : (
         <form onSubmit={handleSubmit(onSubmit)}>
diff --git a/apps/web/tailwind.config.ts b/apps/web/tailwind.config.ts
index 26533de7..6ecab08f 100644
--- a/apps/web/tailwind.config.ts
+++ b/apps/web/tailwind.config.ts
@@ -16,4 +16,4 @@ export default {
       },
     },
   },
-} satisfies Config;
\ No newline at end of file
+} satisfies Config;