diff --git a/src/components/Shared/ListHeader.vue b/src/components/Shared/ListHeader.vue
index 3d4c28f..b90a454 100644
--- a/src/components/Shared/ListHeader.vue
+++ b/src/components/Shared/ListHeader.vue
@@ -2,14 +2,18 @@
     <q-banner
     dense
     inline-actions
-    class="list-header text-white bg-orange-4 text-center">
+    class="list-header text-white"
+    :class="bgColor">
     <span class="text-bold text-subtitle1"><slot /></span>
 </q-banner>
 </template>
 
 <script>
 export default {
-  name: 'ListHeader'
+  name: 'ListHeader',
+  props: [
+    'bgColor'
+  ]
 }
 </script>
 
diff --git a/src/components/Tasks/TasksCompleted.vue b/src/components/Tasks/TasksCompleted.vue
index 0532948..0969649 100644
--- a/src/components/Tasks/TasksCompleted.vue
+++ b/src/components/Tasks/TasksCompleted.vue
@@ -1,6 +1,6 @@
 <template>
-  <div>
-    <list-header>Completed</list-header>
+  <div class="q-mt-lg">
+    <list-header bgColor="bg-green-4">Completed</list-header>
     <q-list
       v-if="Object.keys(tasksCompleted).length"
       separator
diff --git a/src/components/Tasks/TasksTodo.vue b/src/components/Tasks/TasksTodo.vue
index 6315fd2..a0f2cc5 100644
--- a/src/components/Tasks/TasksTodo.vue
+++ b/src/components/Tasks/TasksTodo.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <list-header>Todo</list-header>
+    <list-header bgColor="bg-orange-4">Todo</list-header>
     <q-list
       v-if="Object.keys(tasksTodo).length"
       separator
diff --git a/src/pages/PageTodo.vue b/src/pages/PageTodo.vue
index eb5651b..f993f1d 100644
--- a/src/pages/PageTodo.vue
+++ b/src/pages/PageTodo.vue
@@ -4,8 +4,6 @@
     <tasks-todo
       :tasksTodo="tasksTodo" />
 
-    <hr>
-
     <tasks-completed
       :tasksCompleted="tasksCompleted" />