diff --git a/frontend/app/components/SearchForm.tsx b/frontend/app/components/SearchForm.tsx
index 030cb3e..50c7deb 100644
--- a/frontend/app/components/SearchForm.tsx
+++ b/frontend/app/components/SearchForm.tsx
@@ -1,7 +1,7 @@
 "use client";
 
-import { useState } from "react";
-import { useRouter } from "next/navigation";
+import { useState, useEffect } from "react";
+import { useRouter, usePathname } from "next/navigation";
 import { Search, Loader2 } from "lucide-react";
 import { motion } from "framer-motion";
 import { cn } from "@/lib/utils";
@@ -10,12 +10,17 @@ export function SearchForm() {
   const [query, setQuery] = useState("");
   const [isLoading, setIsLoading] = useState(false);
   const router = useRouter();
+  const pathname = usePathname();
+
+  // Reset loading state when route changes
+  useEffect(() => {
+    setIsLoading(false);
+  }, [pathname]);
 
   const handleSearch = (e: React.FormEvent) => {
     e.preventDefault();
     if (!query.trim()) return;
     setIsLoading(true);
-    // Simple routing to search page with query
     router.push(`/search?q=${encodeURIComponent(query.trim())}`);
   };
 
@@ -58,4 +63,4 @@ export function SearchForm() {
       </div>
     </motion.form>
   );
-}
+}
\ No newline at end of file