diff --git a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
index 63ffd35c82..9c3ff921cd 100644
--- a/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
+++ b/src/components/CommunityPortal/Reports/Participation/DropOffTracking.jsx
@@ -73,19 +73,27 @@ function DropOffTracking() {
-
- +5% Last week
-
- Drop-off rate
+
+ Drop-off rate
+
-
-
- +5% Last week
+ +5%{' '}
+ since Last week
+
+
- No-show rate
+
+ No-show rate
+
+
+
+
+ -5%
+ {' '}
+ since Last week
diff --git a/src/components/CommunityPortal/Reports/Participation/Participation.module.css b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
index d250be26a1..71c43cab43 100644
--- a/src/components/CommunityPortal/Reports/Participation/Participation.module.css
+++ b/src/components/CommunityPortal/Reports/Participation/Participation.module.css
@@ -272,7 +272,6 @@
border-radius: 10px;
width: 48%;
padding: 10px;
- color: #ffffff;
}
.trackingRateDark .trackingRateSubheading span,
@@ -282,9 +281,17 @@
.trackingRateValue {
font-size: 0.9rem;
- color: #f44336;
display: inline-block;
}
+.trackingRate .trackingRateValue span.trackingRateValuePositive,
+.trackingRateDark .trackingRateValue span.trackingRateValuePositive {
+ color: #f44336 !important;
+}
+
+.trackingRate .trackingRateValue span.trackingRateValueNegative,
+.trackingRateDark .trackingRateValue span.trackingRateValueNegative {
+ color: #008000 !important;
+}
/* Tables */
.trackingListContainer {