diff --git a/src/components/tasks/add-task.vue b/src/components/tasks/add-task.vue
index 94f29189..a2a21cd5 100644
--- a/src/components/tasks/add-task.vue
+++ b/src/components/tasks/add-task.vue
@@ -198,6 +198,14 @@ function handleEnter(e: KeyboardEvent) {
 	e.preventDefault()
 	addTask()
 }
+
+function focusTaskInput() {
+	newTaskInput.value.focus()
+}
+
+defineExpose({
+	focusTaskInput,
+})
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/views/list/ListList.vue b/src/views/list/ListList.vue
index 6a062baa..69d055ea 100644
--- a/src/views/list/ListList.vue
+++ b/src/views/list/ListList.vue
@@ -262,7 +262,7 @@ export default defineComponent({
 			}, 200)
 		},
 		focusNewTaskInput() {
-			this.$refs.addTask.$refs.newTaskInput.focus()
+			this.$refs.addTask.focusTaskInput()
 		},
 		updateTaskList( task ) {
 			if ( this.isAlphabeticalSorting ) {