diff --git a/src/app/features/tasks/task/task.component.html b/src/app/features/tasks/task/task.component.html
index 812a41c38c..70a887d635 100644
--- a/src/app/features/tasks/task/task.component.html
+++ b/src/app/features/tasks/task/task.component.html
@@ -134,7 +134,7 @@
       </div>
 
       <div class="controls">
-        <div class="hover-controls bg-card">
+        <div class="hover-controls">
           <button (click)="startTask()"
                   *ngIf="!task.isDone && !isCurrent && !task.subTasks"
                   class="ico-btn start-task-btn"
diff --git a/src/app/features/tasks/task/task.component.scss b/src/app/features/tasks/task/task.component.scss
index ff028d1b93..383ea1b5de 100644
--- a/src/app/features/tasks/task/task.component.scss
+++ b/src/app/features/tasks/task/task.component.scss
@@ -288,6 +288,20 @@
 
   .first-line:hover & {
     display: flex;
+    background: #fff;
+
+    @include darkTheme() {
+      background: $dark-theme-card-bg;
+    }
+
+    :host-context(.isLightTheme).isSelected & {
+      background: $light-theme-bg-darker;
+    }
+
+    :host-context(.isDarkTheme).isSelected & {
+      background: #222;
+    }
+
   }
 
   // extra hitarea