diff --git a/src/components/updates.js b/src/components/updates.js
index 393dc202d4..6e4918ada4 100644
--- a/src/components/updates.js
+++ b/src/components/updates.js
@@ -30,6 +30,23 @@ function Updates(props) {
         .reverse()
         .map(function (activity, index) {
           activity.update = activity.update.replace('\n', '<br/>');
+          activity.update = activity.update.replace(
+            new RegExp('\\b' + 'recovery' + '\\b'),
+            "<span style='color:#28a745'> recovery </span>"
+          );
+          activity.update = activity.update.replace(
+            new RegExp('\\b' + 'recoveries' + '\\b'),
+            "<span style='color:#28a745'> recoveries </span>"
+          );
+          activity.update = activity.update.replace(
+            new RegExp('\\b' + 'new cases' + '\\b'),
+            "<span style='color:#dc3545'> new cases </span>"
+          );
+          activity.update = activity.update.replace(
+            new RegExp('\\b' + 'new case' + '\\b'),
+            "<span style='color:#dc3545'> new case </span>"
+          );
+
           const activityDate = new Date(activity.timestamp * 1000);
           const addHeader = () => {
             currentDate = activityDate;