diff --git a/src/modules/task/components/TaskList.vue b/src/modules/task/components/TaskList.vue
index 41680cd..e398f82 100644
--- a/src/modules/task/components/TaskList.vue
+++ b/src/modules/task/components/TaskList.vue
@@ -6,7 +6,7 @@ const taskStore = useTaskStore()
 </script>
 
 <template>
-  <div class="content">
+  <div class="content" v-if="taskStore.recentTasks.length > 0">
     <ul class="task-list">
       <li v-for="task in taskStore.recentTasks" :key="task.id">
         <router-link
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 394d17b..5724615 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -16,9 +16,9 @@ const resetTasks = () => {
 
 <template>
   <main>
-    <div>
+    <div class="new-task-container">
       <router-link :to="{ name: 'new-task' }" class="button is-primary"
-        >New task</router-link
+        >Create a new task</router-link
       >
     </div>
     <task-list />
@@ -35,4 +35,10 @@ main {
   justify-content: space-between;
   height: 60vh;
 }
+.new-task-container {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+}
 </style>