diff --git a/docs/styleguide.styles.css b/docs/styleguide.styles.css
index a7aa5a1b..201667b8 100644
--- a/docs/styleguide.styles.css
+++ b/docs/styleguide.styles.css
@@ -236,12 +236,17 @@ strong a[class^="rsg--link"] {
   color: #fff;
 }
 
-.status-wip {
+.status-review,
+.status-under-review {
   background: #ffbb08;
   color: #000;
 }
 
-.status-prototype,
+.status-prototype {
+  background: rgb(37, 138, 239);
+  color: #fff;
+}
+
 .status-deprecated {
   background: #ed4b37;
   color: #fff;
diff --git a/docs/utils/statusLabels.js b/docs/utils/statusLabels.js
index 6948d640..3569b1df 100644
--- a/docs/utils/statusLabels.js
+++ b/docs/utils/statusLabels.js
@@ -12,8 +12,12 @@ export default {
         label.className = "status"
 
         if (value) {
-          label.innerHTML = value
           label.className += " status-" + value
+          if (value === "review") {
+            label.innerHTML = "under review"
+          } else {
+            label.innerHTML = value
+          }
         }
         container.appendChild(label)
       }