diff --git a/app/components/Settings/SettingsSheet.vue b/app/components/Settings/SettingsSheet.vue
index 10cda4d..0e0e2a4 100644
--- a/app/components/Settings/SettingsSheet.vue
+++ b/app/components/Settings/SettingsSheet.vue
@@ -53,6 +53,7 @@
 	}
 
 	const { isMobile } = useDevice();
+	const route = useRoute();
 </script>
 
 <template>
@@ -82,7 +83,7 @@
 				</div>
 				<div>
 					<NuxtLink
-						:to="$localePath('/deleted')"
+						:to="$localePath({name: 'deleted', query: route.query})"
 						class="bg-surface border-secondary h-8 cursor-pointer rounded border px-1 text-white flex items-center gap-1"
 					>
 						<Icon name="material-symbols:delete-outline-rounded" size="20" />
diff --git a/app/pages/deleted.vue b/app/pages/deleted.vue
index 9028500..09bb835 100644
--- a/app/pages/deleted.vue
+++ b/app/pages/deleted.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
 	import DeletedTodos from "~/components/Todo/DeletedTodos.vue";
+
+	const route = useRoute();
 </script>
 <template>
 	<div>
 		<NuxtLink
-			:to="$localePath('/')"
+			:to="$localePath({name: 'index', query: route.query})"
 			class="flex items-center justify-center fixed top-1 left-1 rounded-full border-secondary border h-8 w-8 hover:bg-secondary hover:border-secondary-hover transition cursor-pointer bg-background z-100"
 		>
 			<icon size="24" name="material-symbols:undo-rounded" />