diff --git a/website/client/assets/scss/task.scss b/website/client/assets/scss/task.scss
index 68a42fc372..35ee425538 100644
--- a/website/client/assets/scss/task.scss
+++ b/website/client/assets/scss/task.scss
@@ -243,7 +243,7 @@
     &-control {
       &-bg { 
         background: rgba(255, 217, 160, 0.32) !important;
-        .small-text { color: $yellow-10 !important; }
+        .small-text { color: $orange-10 !important; }
 
         &:hover { background: rgba(255, 217, 160, 0.48) !important; }
       }
diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index febfd8efe7..459fd97cc3 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -113,7 +113,7 @@
   .task {
     margin-bottom: 2px;
     box-shadow: 0 2px 2px 0 rgba($black, 0.16), 0 1px 4px 0 rgba($black, 0.12);
-    background: transparent;
+    background: white;
     border-radius: 2px;
     position: relative;