diff --git a/distribution_fe/app/(dashboard)/sales/_components/sales-client.tsx b/distribution_fe/app/(dashboard)/sales/_components/sales-client.tsx
index d5cc631..c248a5c 100644
--- a/distribution_fe/app/(dashboard)/sales/_components/sales-client.tsx
+++ b/distribution_fe/app/(dashboard)/sales/_components/sales-client.tsx
@@ -232,7 +232,7 @@ export function SalesClient() {
           <label className="text-xs text-muted-foreground">Agent</label>
           <Select
             value={agentId || ALL}
-            onValueChange={(v) => { setAgentId(v === ALL ? '' : v); setPage(1) }}
+            onValueChange={(v) => { setAgentId(!v || v === ALL ? '' : v); setPage(1) }}
           >
             <SelectTrigger className="w-44">
               <SelectValue placeholder="All agents" />
@@ -250,7 +250,7 @@ export function SalesClient() {
           <label className="text-xs text-muted-foreground">Route</label>
           <Select
             value={routeId || ALL}
-            onValueChange={(v) => { setRouteId(v === ALL ? '' : v); setPage(1) }}
+            onValueChange={(v) => { setRouteId(!v || v === ALL ? '' : v); setPage(1) }}
           >
             <SelectTrigger className="w-44">
               <SelectValue placeholder="All routes" />
@@ -268,7 +268,7 @@ export function SalesClient() {
           <label className="text-xs text-muted-foreground">Store</label>
           <Select
             value={shopId || ALL}
-            onValueChange={(v) => { setShopId(v === ALL ? '' : v); setPage(1) }}
+            onValueChange={(v) => { setShopId(!v || v === ALL ? '' : v); setPage(1) }}
           >
             <SelectTrigger className="w-44">
               <SelectValue placeholder="All stores" />