diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
index a2e5ac88..b6362c6b 100644
--- a/client/assets/styles/colours.less
+++ b/client/assets/styles/colours.less
@@ -87,28 +87,37 @@ svg {
 }
 
 @keyframes rg {
-    from {
+    0% {
         border-color: @red;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @green;
     }
 }
 
 @keyframes rb {
-    from {
+    0% {
         border-color: @red;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @blue;
     }
 }
 
 @keyframes bg {
-    from {
+    0% {
         border-color: @blue;
     }
-    to {
+    50% {
+        border-color: @gray-box;
+    }
+    100% {
         border-color: @green;
     }
 }