diff --git a/src/app/_components/SearchBar.tsx b/src/app/_components/SearchBar.tsx
index 7b26b91..14fc88d 100644
--- a/src/app/_components/SearchBar.tsx
+++ b/src/app/_components/SearchBar.tsx
@@ -4,13 +4,14 @@ import { Input } from "~/components/ui/input";
 import useFilterStore from "../store";
 
 export default function SearchBar() {
-  const [searchQuery, setSearchQuery] = useState("");
+  const [query, setQuery] = useState("");
   const setStoreSearchQuery = useFilterStore((state) => state.setSearchQuery);
+  const { searchQuery } = useFilterStore((state) => state.filters);
 
   function handleInput(e: ChangeEvent<HTMLInputElement>) {
     e.preventDefault();
     const newValue = e.target.value;
-    setSearchQuery(newValue);
+    setQuery(newValue);
     setStoreSearchQuery(newValue);
   }
   return (