diff --git a/components/ui/Filter.tsx b/components/ui/Filter.tsx
index 873e5aa..ef0b7a2 100644
--- a/components/ui/Filter.tsx
+++ b/components/ui/Filter.tsx
@@ -1,8 +1,10 @@
 'use client'
 
 import { useRouter } from 'next/navigation';
+import { set } from 'react-hook-form';
 import React, { useEffect, useRef, useState } from 'react';
 
+
 export default function Filter() {
   const router = useRouter();
   const dropdownRef = useRef(null);
@@ -32,6 +34,7 @@ export default function Filter() {
   const handleClearFilter = () => {
     setSelectedDifficulties([]);
     router.push('/cards');
+    setIsOpen(false);
   }
 
   useEffect(() => {