Index: frontend/src/components/SubjectCatalog.tsx
===================================================================
--- frontend/src/components/SubjectCatalog.tsx	(revision cc86fbd913388ff4fb65f4d8c9d3227c9a758ef6)
+++ frontend/src/components/SubjectCatalog.tsx	(revision ff9e2e0b894acd6b30ee578a2ca46b95813ccdeb)
@@ -25,14 +25,4 @@
 	});
 
-	{
-		/*
-		filter checklist
-
-		izbrisi btn da raboti
-
-		reset filters da raboti
-	*/
-	}
-
 	const filteredSubjects = subjectData.filter((subject) => {
 		const searchMatches =
@@ -97,4 +87,19 @@
 	});
 
+	const resetFilters = () => {
+		setSearchTerm("");
+		setFilters({
+			season: "" as "W" | "S" | "",
+			semester: [] as number[],
+			level: [] as number[],
+			activated: "" as "activated" | "not_activated" | "",
+			mandatoryFor: [] as Programs[],
+			electiveFor: [] as Programs[],
+			professors: [] as string[],
+			assistants: [] as string[],
+			hasPrerequisites: false,
+		});
+	};
+
 	const FilterSidebar = () => {
 		return (
@@ -103,5 +108,5 @@
 					<h2 className="text-lg font-semibold">Филтри</h2>
 					<button
-						onClick={() => console.log("reset filters; not implemented yet")}
+						onClick={resetFilters}
 						className="text-sm text-gray-600 hover:text-gray-900"
 					>
@@ -284,5 +289,5 @@
 					</div>
 					{/* filter by electiveFor */}
-					<div className="space-y-1 mb-4">
+					<div className="space-y-1 mb-6">
 						<h3 className="font-medium mb-2">Изборен за:</h3>
 						<div className="grid grid-cols-3 gap-2">
@@ -319,5 +324,5 @@
 						</div>
 					</div>
-					{/* filter by level */}
+					{/* filter by prereq */}
 					<div className="space-y-1 mb-4">
 						<div className="flex items-center space-x-2">
@@ -454,12 +459,16 @@
 						<input
 							type="text"
-							placeholder="Пребарувај предмети по име, код, опис..."
+							placeholder="Пребарувај предмети по име, код, опис"
 							value={searchTerm}
 							onChange={(e) => setSearchTerm(e.target.value)}
-							className="w-full p-3 pl-4 pr-12 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
+							className="w-full p-3 pl-4 pr-12 border border-gray-300 rounded-lg 
+							focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
 						/>
-						<button className="absolute right-2 top-1/2 transform -translate-y-1/2 bg-gray-800 text-white px-4 py-1 rounded-lg">
-							Search
-						</button>
+						{/* <button
+							className="absolute right-2 top-1/2 transform -translate-y-1/2
+						 bg-gray-800 text-white px-4 py-1 rounded-lg"
+						>
+							Избриши
+						</button> */}
 					</div>
 
@@ -581,7 +590,5 @@
 							</p>
 							<button
-								onClick={() =>
-									console.log("reset filters; not implemented yet")
-								}
+								onClick={resetFilters}
 								className="mt-2 text-blue-600 hover:text-blue-800"
 							>