diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 434d69409..d52623978 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -1,5 +1,5 @@
 <template>
-	<div>
+	<div v-if="listIdToUse !== null">
 		<div class="field is-grouped">
 			<p :class="{ 'is-loading': taskService.loading}" class="control has-icons-left is-expanded">
 				<input
@@ -83,8 +83,7 @@ export default {
 			taskService: TaskService,
 			labelService: LabelService,
 			labelTaskService: LabelTaskService,
-			listIdForNewTask: null,
-			validListIdAvailable: false,
+			listIdToUse: null,
 			showError: false,
 		}
 	},
@@ -110,11 +109,9 @@ export default {
 		// If the parent provides the ID alway use that be falling back to the one
 		// stored in settings. If neither are avliable then hide the component.
 		if (this.listId !== undefined) {
-			this.listIdForNewTask = this.listId
-			this.validListIdAvailable = true
+			this.listIdToUse = this.listId
 		} else if (this.$store.state.auth.settings.defaultListId !== undefined) {
-			this.listIdForNewTask = this.$store.state.auth.settings.defaultListId
-			this.validListIdAvailable = true
+			this.listIdToUse = this.$store.state.auth.settings.defaultListId
 		}
 	},
 	methods: {
@@ -125,7 +122,7 @@ export default {
 			}
 			this.showError = false
 
-			this.createNewTask(this.newTaskText)
+			this.createNewTask(this.newTaskText, 0, this.listIdToUse)
 				.then(task => {
 					this.newTaskText = ''
 					this.$emit('taskAdded', task)