diff --git a/apps/www/src/routes/examples/tasks/(components)/data-table-toolbar.svelte b/apps/www/src/routes/examples/tasks/(components)/data-table-toolbar.svelte
index dcb3f5604..105b6fec6 100644
--- a/apps/www/src/routes/examples/tasks/(components)/data-table-toolbar.svelte
+++ b/apps/www/src/routes/examples/tasks/(components)/data-table-toolbar.svelte
@@ -27,7 +27,9 @@
 		}>;
 	} = pluginStates.colFilter;
 
-	$: showReset = Object.values($filterValues).some((v) => v.length > 0);
+	$: showReset = Object.values({ ...$filterValues, $filterValue }).some(
+		(v) => v.length > 0
+	);
 </script>
 
 <div class="flex items-center justify-between">
@@ -35,7 +37,7 @@
 		<Input
 			placeholder="Filter tasks..."
 			class="h-8 w-[150px] lg:w-[250px]"
-			type="text"
+			type="search"
 			bind:value={$filterValue}
 		/>
 
@@ -52,6 +54,7 @@
 		{#if showReset}
 			<Button
 				on:click={() => {
+					$filterValue = "";
 					$filterValues.status = [];
 					$filterValues.priority = [];
 				}}