diff --git a/public/sass/components/_timepicker.scss b/public/sass/components/_timepicker.scss
index 9b71e8e7c05..e4d8f4555e0 100644
--- a/public/sass/components/_timepicker.scss
+++ b/public/sass/components/_timepicker.scss
@@ -77,7 +77,7 @@
     border: none;
     color: $text-color;
     &.active span {
-      color: $blue;
+      color: $query-blue;
       font-weight: bold;
     }
     .text-info {
@@ -88,6 +88,12 @@
       font-size: $font-size-sm;
       padding: 5px 11px;
     }
+    &:hover {
+      color: $text-color-strong;
+    }
+    &[disabled] {
+      color: $text-color;
+    }
   }
 }