diff --git a/src/views/tasks/TaskDetailView.vue b/src/views/tasks/TaskDetailView.vue
index e9f1e0b99..6b0b2ca6e 100644
--- a/src/views/tasks/TaskDetailView.vue
+++ b/src/views/tasks/TaskDetailView.vue
@@ -843,20 +843,18 @@ $flash-background-duration: 750ms;
       }
 
       &:not(:disabled) {
-		// HACK: these styles are repeated from bulma-css-variables/sass/form/shared.sass
-		$input-background-color: var(--scheme-main, #{$scheme-main});
-		$input-border-color: var(--border, #{$border});
-		$input-focus-border-color: var(--link, #{$link});
-
-        &:hover, &:active {
-          background: $input-background-color;
-          border-color: $input-border-color;
+        &:hover,
+        &:active,
+        &:focus {
+          background: var(--scheme-main);
+          border-color: var(--border);
           cursor: text;
         }
 
-        &:focus {
-          background: $input-background-color;
-          border-color: $input-focus-border-color;
+        &:hover,
+        &:active {
+          cursor: text;
+          border-color: var(--link)
         }
       }
     }