From c842f5c81ddab239857d00ae03edb353d2b47f19 Mon Sep 17 00:00:00 2001
From: Harshit Chudasama <ha20689232@wipro.com>
Date: Thu, 14 May 2026 16:01:44 +0530
Subject: [PATCH] Updated Text Editor for Copilot Opportunity Overview

---
 .../OpportunityDetails.tsx                    |  6 +-
 .../opportunity-details/styles.module.scss    | 64 +++++++++++++++++++
 2 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/OpportunityDetails.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/OpportunityDetails.tsx
index b3e3e4013..d65edc7f1 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/OpportunityDetails.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/OpportunityDetails.tsx
@@ -15,9 +15,9 @@ const OpportunityDetails: FC<{
             </div>
             <h2 className={styles.subHeading}> Description </h2>
             {props.opportunity?.overview && (
-                <div dangerouslySetInnerHTML={{
-                    __html: props.opportunity.overview.replace(/\n/g, '<br />'),
-                }}
+                <div
+                    className={styles.overviewContent}
+                    dangerouslySetInnerHTML={{ __html: props.opportunity.overview }}
                 />
             )}
         </div>
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/styles.module.scss b/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/styles.module.scss
index aad91a31d..2cdf48c40 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/styles.module.scss
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/tabs/opportunity-details/styles.module.scss
@@ -40,4 +40,68 @@
     border-radius: 10px;
     white-space: nowrap;
     font-size: 14px;
+}
+
+.overviewContent {
+    font-size: 14px;
+    line-height: 22px;
+    font-family: 'Roboto', Arial, Helvetica, sans-serif;
+
+    p {
+        margin: 0 0 8px 0;
+    }
+
+    strong, b {
+        font-weight: 700;
+    }
+
+    em, i {
+        font-style: italic;
+    }
+
+    u {
+        text-decoration: underline;
+    }
+
+    s {
+        text-decoration: line-through;
+    }
+
+    a {
+        color: #0d61bf;
+        text-decoration: underline;
+
+        &:hover {
+            text-decoration: none;
+        }
+    }
+
+    ul, ol {
+        margin: 0 0 8px 0;
+        padding-left: 24px;
+    }
+
+    ul {
+        list-style-type: disc;
+    }
+
+    ol {
+        list-style-type: decimal;
+    }
+
+    table {
+        border-collapse: collapse;
+        width: 100%;
+        margin: 0 0 8px 0;
+
+        td, th {
+            border: 1px solid #d4d4d4;
+            padding: 8px 12px;
+        }
+
+        th {
+            background-color: #f5f5f5;
+            font-weight: 700;
+        }
+    }
 }
\ No newline at end of file