diff --git a/src/pages/Directory/ContactFilterPanel.jsx b/src/pages/Directory/ContactFilterPanel.jsx
index e77c8469..7716d66e 100644
--- a/src/pages/Directory/ContactFilterPanel.jsx
+++ b/src/pages/Directory/ContactFilterPanel.jsx
@@ -21,6 +21,12 @@ const ContactFilterPanel = forwardRef(
       useContactFilter();
     const { status } = useParams();
 
+    useEffect(() => {
+      return () => {
+        closePanel();
+      };
+    }, []);
+
     const dynamicdefaultContactFilter = useMemo(() => {
       return {
         ...defaultContactFilter,
diff --git a/src/pages/Directory/NoteFilterPanel.jsx b/src/pages/Directory/NoteFilterPanel.jsx
index 6cc5bdbc..88fb992e 100644
--- a/src/pages/Directory/NoteFilterPanel.jsx
+++ b/src/pages/Directory/NoteFilterPanel.jsx
@@ -12,7 +12,11 @@ import SelectMultiple from "../../components/common/SelectMultiple";
 const NoteFilterPanel = forwardRef(({ onApply, clearFilter, setFilterdata }, ref) => {
   const { data, isError, isLoading, error, isFetched, isFetching } = useNoteFilter();
 
-
+  useEffect(() => {
+    return () => {
+      closePanel();
+    };
+  }, []);
   //Add this for Filter chip remover
   const dynamicdefaultNotesFilter = useMemo(() => {
     return {