diff --git a/src/components/CommunityPortal/Reports/Participation/NoShowInsights.jsx b/src/components/CommunityPortal/Reports/Participation/NoShowInsights.jsx
index b303b15f60a..7eacf943fee 100644
--- a/src/components/CommunityPortal/Reports/Participation/NoShowInsights.jsx
+++ b/src/components/CommunityPortal/Reports/Participation/NoShowInsights.jsx
@@ -97,7 +97,6 @@ function NoShowInsights() {
           className={`${styles.insightsPercentage} ${
             darkMode ? styles.insightsPercentageDark : ''
           }`}
-          style={{ color: 'red' }}
         >
           {item.percentage}%
         </div>
diff --git a/src/components/CommunityPortal/Reports/Participation/Participation.module.css b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
index 32d69bf954a..57690a2a88b 100644
--- a/src/components/CommunityPortal/Reports/Participation/Participation.module.css
+++ b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
@@ -553,10 +553,10 @@
   transition: width 0.3s ease-in-out;
 }
 
-.insightPercentage {
+.insightsPercentage {
   font-size: 0.9rem;
-  font-weight: bold;
-  color: #333;
+  font-weight: 500;
+  color: #d32f2f;
 }
 
 /* Header Section Styles */
@@ -616,8 +616,8 @@
 
 .insightsPercentageDark {
   font-size: 0.9rem;
-  font-weight: bold;
-  color: var(--color-text-dark);
+  font-weight: 500;
+  color: #ff6b6b;
 }
 
 /* ---------- PDF/Print helpers ---------- */