diff --git a/src/router/index.ts b/src/router/index.ts
index 6e4ccce26..ddcb7d2cf 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -13,7 +13,7 @@ import RegisterComponent from '../views/user/Register.vue'
 import OpenIdAuth from '../views/user/OpenIdAuth.vue'
 import DataExportDownload from '../views/user/DataExportDownload.vue'
 // Tasks
-import ShowTasksInRangeComponent from '../views/tasks/ShowTasksInRange.vue'
+import UpcomingTasksComponent from '../views/tasks/ShowTasks.vue'
 import LinkShareAuthComponent from '../views/sharing/LinkSharingAuth.vue'
 import ListNamespaces from '../views/namespaces/ListNamespaces.vue'
 import TaskDetailView from '../views/tasks/TaskDetailView.vue'
@@ -248,7 +248,7 @@ const router = createRouter({
 		{
 			path: '/tasks/by/upcoming',
 			name: 'tasks.range',
-			component: ShowTasksInRangeComponent,
+			component: UpcomingTasksComponent,
 		},
 		{
 			path: '/lists/new/:namespaceId/',
diff --git a/src/views/tasks/ShowTasks.vue b/src/views/tasks/ShowTasks.vue
index ee8f9dcd0..d0e2ee6cb 100644
--- a/src/views/tasks/ShowTasks.vue
+++ b/src/views/tasks/ShowTasks.vue
@@ -1,6 +1,6 @@
 <template>
 	<div class="is-max-width-desktop has-text-left ">
-		<h3 class="mb-2">
+		<h3 class="mb-2 title">
 			{{ pageTitle }}
 		</h3>
 		<p v-if="!showAll" class="show-tasks-options">
diff --git a/src/views/tasks/UpcomingTasks.vue b/src/views/tasks/UpcomingTasks.vue
deleted file mode 100644
index 46b823cbe..000000000
--- a/src/views/tasks/UpcomingTasks.vue
+++ /dev/null
@@ -1,9 +0,0 @@
-<template>
-	<div class="content has-text-centered">
-		<ShowTasks/>
-	</div>
-</template>
-
-<script lang="ts" setup>
-import ShowTasks from './ShowTasks.vue'
-</script>
\ No newline at end of file