diff --git a/frontend/src/components/project/partials/SortPopup.vue b/frontend/src/components/project/partials/SortPopup.vue
index 8e06f8090..7498a1c51 100644
--- a/frontend/src/components/project/partials/SortPopup.vue
+++ b/frontend/src/components/project/partials/SortPopup.vue
@@ -62,7 +62,7 @@
 <script setup lang="ts">
 import {ref, watch} from 'vue'
 import {useI18n} from 'vue-i18n'
-import XButton from '@/components/base/XButton.vue'
+import XButton from '@/components/input/Button.vue'
 import Modal from '@/components/misc/Modal.vue'
 import type {SortBy} from '@/composables/useTaskList'
 
@@ -76,28 +76,28 @@ const sortField = ref<string>('position')
 const sortOrder = ref<'asc' | 'desc'>('asc')
 
 watch(() => props.modelValue, (val) => {
-        const key = Object.keys(val)[0] || 'position'
-        sortField.value = key
-        sortOrder.value = (val as SortBy)[key as keyof SortBy] ?? 'asc'
+	const key = Object.keys(val)[0] || 'position'
+	sortField.value = key
+	sortOrder.value = (val as SortBy)[key as keyof SortBy] ?? 'asc'
 }, {immediate: true})
 
 const options = [
-        {value: 'position', label: t('sorting.position')},
-        {value: 'title', label: t('task.attributes.title')},
-        {value: 'priority', label: t('task.attributes.priority')},
-        {value: 'due_date', label: t('task.attributes.dueDate')},
-        {value: 'start_date', label: t('task.attributes.startDate')},
-        {value: 'end_date', label: t('task.attributes.endDate')},
-        {value: 'percent_done', label: t('task.attributes.percentDone')},
-        {value: 'created', label: t('task.attributes.created')},
-        {value: 'updated', label: t('task.attributes.updated')},
+	{value: 'position', label: t('sorting.position')},
+	{value: 'title', label: t('task.attributes.title')},
+	{value: 'priority', label: t('task.attributes.priority')},
+	{value: 'due_date', label: t('task.attributes.dueDate')},
+	{value: 'start_date', label: t('task.attributes.startDate')},
+	{value: 'end_date', label: t('task.attributes.endDate')},
+	{value: 'percent_done', label: t('task.attributes.percentDone')},
+	{value: 'created', label: t('task.attributes.created')},
+	{value: 'updated', label: t('task.attributes.updated')},
 ]
 
 function applySort() {
-        const sort: SortBy = {} as SortBy
+	const sort: SortBy = {} as SortBy
         ;(sort as Record<string, 'asc' | 'desc'>)[sortField.value] = sortOrder.value
-        emit('update:modelValue', sort)
-        modalOpen.value = false
+	emit('update:modelValue', sort)
+	modalOpen.value = false
 }
 </script>
 
diff --git a/frontend/src/components/project/views/ProjectList.vue b/frontend/src/components/project/views/ProjectList.vue
index 94fa3ae42..95d3f4ff7 100644
--- a/frontend/src/components/project/views/ProjectList.vue
+++ b/frontend/src/components/project/views/ProjectList.vue
@@ -175,7 +175,7 @@ watch(
 )
 
 const isPositionSorting = computed(() => {
-        return Object.keys(sortByParam.value).length === 0 || (Object.keys(sortByParam.value).length === 1 && typeof sortByParam.value.position !== 'undefined')
+	return Object.keys(sortByParam.value).length === 0 || (Object.keys(sortByParam.value).length === 1 && typeof sortByParam.value.position !== 'undefined')
 })
 
 const firstNewPosition = computed(() => {
@@ -217,15 +217,15 @@ function focusNewTaskInput() {
 }
 
 function updateTaskList(task: ITask) {
-        if (!isPositionSorting.value) {
-                // reload tasks with current filter and sorting
-                loadTasks()
-        } else {
-                allTasks.value = [
-                        task,
-                        ...allTasks.value,
-                ]
-        }
+	if (!isPositionSorting.value) {
+		// reload tasks with current filter and sorting
+		loadTasks()
+	} else {
+		allTasks.value = [
+			task,
+			...allTasks.value,
+		]
+	}
 
 	baseStore.setHasTasks(true)
 }
@@ -290,7 +290,7 @@ async function saveTaskPosition(e: { originalEvent?: MouseEvent, to: HTMLElement
 }
 
 function prepareFiltersAndLoadTasks() {
-        loadTasks()
+	loadTasks()
 }
 
 const taskRefs = ref<(InstanceType<typeof SingleTaskInProject> | null)[]>([])