diff --git a/src/pages/Directory/ContactFilterPanel.jsx b/src/pages/Directory/ContactFilterPanel.jsx
index c6556914..25f833db 100644
--- a/src/pages/Directory/ContactFilterPanel.jsx
+++ b/src/pages/Directory/ContactFilterPanel.jsx
@@ -30,7 +30,8 @@ const ContactFilterPanel = ({ onApply, clearFilter }) => {
   };
 
   const handleClose = () => {
-    reset(defaultContactFilter);
+    reset(defaultContactFilter);         
+    onApply(defaultContactFilter);       
     closePanel();
   };
 
@@ -59,7 +60,7 @@ const ContactFilterPanel = ({ onApply, clearFilter }) => {
         <div className="d-flex justify-content-end py-3 gap-2">
           <button
             type="button"
-            className="btn btn-secondary btn-xs"
+            className="btn btn-label-secondary btn-xs"
             onClick={handleClose}
           >
             Clear
diff --git a/src/pages/Directory/NoteFilterPanel.jsx b/src/pages/Directory/NoteFilterPanel.jsx
index ba9b8397..8a492994 100644
--- a/src/pages/Directory/NoteFilterPanel.jsx
+++ b/src/pages/Directory/NoteFilterPanel.jsx
@@ -31,6 +31,7 @@ const NoteFilterPanel = ({ onApply, clearFilter }) => {
 
   const handleClose = () => {
     reset(defaultNotesFilter);
+    onApply(defaultNotesFilter); 
     closePanel();
   };
 
@@ -59,7 +60,7 @@ const NoteFilterPanel = ({ onApply, clearFilter }) => {
         <div className="d-flex justify-content-end py-3 gap-2">
           <button
             type="button"
-            className="btn btn-secondary btn-xs"
+            className="btn btn-label-secondary btn-xs"
             onClick={handleClose}
           >
             Clear