Merge pull request #1349 from topcoder-platform/update-ai-feedback-md-renderer

Make sure the AI feedback md renderer is not yelling headings

Author: vas3a

src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedback/AiFeedback.module.scss

@@ -54,3 +54,15 @@
         font-weight: 600;
     }
 }
+
+.mdReview {
+    h1, h2, h3, h4, h5, h6 {
+        font-size: 14px;
+        line-height: 20px;
+        text-transform: none;
+    }
+
+    ul {
+        margin: $sp-4 0;
+    }
+}

src/apps/review/src/lib/components/Scorecard/ScorecardViewer/ScorecardQuestion/AiFeedback/AiFeedback.tsx

@@ -78,7 +78,10 @@ const AiFeedback: FC<AiFeedbackProps> = props => {
                 </strong>
             </p>
 
-            <MarkdownReview value={feedback.content} />
+            <MarkdownReview
+                className={styles.mdReview}
+                value={feedback.content}
+            />
 
             <AiFeedbackActions
                 feedback={feedback}