diff --git a/website/client/assets/scss/task.scss b/website/client/assets/scss/task.scss
index c8eb80eb69..bf1ce9c5ce 100644
--- a/website/client/assets/scss/task.scss
+++ b/website/client/assets/scss/task.scss
@@ -181,7 +181,7 @@
   }
 
   &-reward {
-    background: rgba($yellow-500, 0.26);
+    background: #FFF5E5
   }
 
   &-daily-todo-disabled {
diff --git a/website/client/components/tasks/column.vue b/website/client/components/tasks/column.vue
index 435fe1c830..8babccbf65 100644
--- a/website/client/components/tasks/column.vue
+++ b/website/client/components/tasks/column.vue
@@ -50,6 +50,7 @@
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
+    margin-top: 16px;
   }
 
   .tasks-list {
diff --git a/website/client/components/tasks/task.vue b/website/client/components/tasks/task.vue
index f9f4753d8d..68c51fa116 100644
--- a/website/client/components/tasks/task.vue
+++ b/website/client/components/tasks/task.vue
@@ -281,11 +281,6 @@
     color: $gray-300;
     white-space: nowrap;
   }
-
-  .task-reward {
-    // @TODO: I'm unsure of where this is defined. Can't find it in search. So, I am using important for now
-    background-color: #ffd9a0 !important;
-  }
 </style>
 
 <script>
diff --git a/website/client/components/tasks/taskModal.vue b/website/client/components/tasks/taskModal.vue
index 444027cbd0..6de6dcceab 100644
--- a/website/client/components/tasks/taskModal.vue
+++ b/website/client/components/tasks/taskModal.vue
@@ -262,7 +262,7 @@
       }
 
       &-selected {
-        .option-item-label {
+        .svg-icon, .option-item-label {
           color: inherit !important;
         }
       }