diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index b23e8a34..48e28f28 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -349,11 +349,11 @@ const DirectoryPageHeader = ({
                 </div>
 
                 {/* Buttons */}
-                <div className="d-flex justify-content-between mt-3">
+                <div className="d-flex justify-content-end gap-2 mt-1">
                   <button
-                    className="btn btn-sm btn-outline-danger"
+                    className="btn btn-xs btn-secondary"
                     onClick={(e) => {
-                      e.stopPropagation();
+                      // e.stopPropagation();
                       setSelectedCreators([]);
                       setSelectedOrgs([]);
                       setFilteredOrganizations(allOrganizations);
@@ -363,7 +363,7 @@ const DirectoryPageHeader = ({
                     Clear
                   </button>
                   <button
-                    className="btn btn-sm btn-primary"
+                    className="btn btn-xs btn-primary"
                     onClick={(e) => {
                       applyCombinedFilter();
                     }}
@@ -462,7 +462,7 @@ const DirectoryPageHeader = ({
                   <button
                     className="btn btn-xs btn-secondary"
                     onClick={(e) => {
-                      e.stopPropagation();
+                      // e.stopPropagation();
                       clearFilter();
                     }}
                   >