diff --git a/app/assets/stylesheets/annotator_overrides.scss b/app/assets/stylesheets/annotator_overrides.scss
index c4af1c311..59c8a54f9 100644
--- a/app/assets/stylesheets/annotator_overrides.scss
+++ b/app/assets/stylesheets/annotator_overrides.scss
@@ -11,42 +11,42 @@
   background: rgba(255, 249, 218, 0.75);
 
   &.weight-1 {
-    background: hsla(50, 100, 93, 0.5);
+    background: hsla(50, 100%, 93%, 0.5);
 
     .weight-1 {
-      background: hsla(50, 100, 93, 0.75);
+      background: hsla(50, 100%, 93%, 0.75);
     }
   }
 
   &.weight-2 {
-    background: hsla(63, 78, 86, 0.5);
+    background: hsla(63, 78%, 86%, 0.5);
 
     .weight-2 {
-      background: hsla(63, 78, 86, 0.75);
+      background: hsla(63, 78%, 86%, 0.75);
     }
   }
 
   &.weight-3 {
-    background: hsla(52, 100, 85, 0.5);
+    background: hsla(52, 100%, 85%, 0.5);
 
     .weight-3 {
-      background: hsla(52, 100, 85, 0.75);
+      background: hsla(52, 100%, 85%, 0.75);
     }
   }
 
   &.weight-4 {
-    background: hsla(51, 91, 75, 0.5);
+    background: hsla(51, 91%, 75%, 0.5);
 
     .weight-4 {
-      background: hsla(51, 91, 75, 0.75);
+      background: hsla(51, 91%, 75%, 0.75);
     }
   }
 
   &.weight-5 {
-    background: hsla(46, 83, 60, 0.5);
+    background: hsla(46, 83%, 60%, 0.5);
 
     .weight-5 {
-      background: hsla(46, 83, 60, 0.5);
+      background: hsla(46, 83%, 60%, 0.5);
     }
   }
 }