From 4b9a3d221e3846e72df0513ff76c7df6c5b8e4d2 Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Tue, 25 Nov 2025 18:08:35 +0200
Subject: [PATCH] update styling form md renderer

---
 .../components/AiModelModal/AiModelModal.module.scss      | 6 ++++++
 .../reviews/components/AiModelModal/AiModelModal.tsx      | 2 +-
 .../ScorecardHeader/ScorecardHeader.module.scss           | 8 +++++++-
 .../components/ScorecardHeader/ScorecardHeader.tsx        | 5 ++++-
 4 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.module.scss b/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.module.scss
index 3f0514beb..018e6adf3 100644
--- a/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.module.scss
+++ b/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.module.scss
@@ -16,6 +16,12 @@
     }
 }
 
+.mdContainer {
+    & > * {
+        all: revert-layer;
+    }
+}
+
 .modelIcon {
     width: 60px;
     height: 60px;
diff --git a/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.tsx b/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.tsx
index f341289f0..37f26ac77 100644
--- a/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.tsx
+++ b/src/apps/review/src/pages/reviews/components/AiModelModal/AiModelModal.tsx
@@ -36,7 +36,7 @@ const AiModelModal: FC<AiModelModalProps> = props => (
             </div>
 
             <p className={styles.modelDescription}>
-                <MarkdownReview value={props.model.description} />
+                <MarkdownReview className={styles.mdContainer} value={props.model.description} />
             </p>
         </div>
     </BaseModal>
diff --git a/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.module.scss b/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.module.scss
index e5ffaaa66..15b056763 100644
--- a/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.module.scss
+++ b/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.module.scss
@@ -22,6 +22,12 @@
     gap: $sp-4;
 }
 
+.mdContainer {
+    & > * {
+        all: revert-layer;
+    }
+}
+
 .workflowIcon {
     width: 60px;
     height: 60px;
@@ -105,7 +111,7 @@
             height: 20px;
             stroke: #0a0a0a;
         }
-        
+
         &.iconFile {
             path {
                 fill: #0A0A0A;
diff --git a/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.tsx b/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.tsx
index ab1fb9817..e8123e34d 100644
--- a/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.tsx
+++ b/src/apps/review/src/pages/reviews/components/ScorecardHeader/ScorecardHeader.tsx
@@ -106,7 +106,10 @@ const ScorecardHeader: FC = () => {
                 </div>
             </div>
             <p className={styles.workflowDescription}>
-                <MarkdownReview value={workflow.description} />
+                <MarkdownReview
+                    className={styles.mdContainer}
+                    value={workflow.description}
+                />
             </p>
             {/* <div className={styles.workflowFileLink}>
                 <a href={workflow.defUrl}>