diff --git a/client/assets/styles/colours.less b/client/assets/styles/colours.less
index fccade9c..d8ca2a5d 100644
--- a/client/assets/styles/colours.less
+++ b/client/assets/styles/colours.less
@@ -140,7 +140,7 @@ svg {
     }
 }
 
-button {
+button, button:hover, button:active {
     &.blue {
         border-color: @blue;
     }
@@ -150,6 +150,16 @@ button {
     &.green {
         border-color: @green;
     }
+
+    &.red-border {
+        border-color: @red;
+    }
+    &.blue-border {
+        border-color: @blue;
+    }
+    &.green-border {
+        border-color: @green;
+    }
 }
 
 @keyframes rgb {