diff --git a/src/pages/Directory/DirectoryPageHeader.jsx b/src/pages/Directory/DirectoryPageHeader.jsx
index f623f80b..f88cd659 100644
--- a/src/pages/Directory/DirectoryPageHeader.jsx
+++ b/src/pages/Directory/DirectoryPageHeader.jsx
@@ -280,6 +280,7 @@ const DirectoryPageHeader = ({
             <hr className="my-0 mb-2" style={{ borderTop: "1px solid #dee2e6" }} />
 
             <div className="row mx-0 px-0 align-items-center mt-2">
+                <div className="col-12 col-md-6 mb-2 px-1 d-flex align-items-center gap-2">
                 <div className="col-12 col-md-6 mb-2 px-1 d-flex align-items-center gap-2">
 
                     <input
@@ -299,11 +300,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-<<<<<<< HEAD
                                 <i className={`bx bx-slider-alt ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
-=======
->>>>>>> f91a518 (Change all filter icon to bx bx-slider-alt ms-2. In image Gallery, Directory and Project List.)
-                                <i className={`bx bx-slider-alt ms-1 ${notesFilterCount > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {notesFilterCount > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {notesFilterCount}
@@ -410,6 +407,7 @@ const DirectoryPageHeader = ({
                             <button
                                 type="button"
                                 className={`btn  btn-sm p-1 ${viewType === "card" ? "btn-primary" : "btn-outline-primary"}`}
+                                className={`btn  btn-sm p-1 ${viewType === "card" ? "btn-primary" : "btn-outline-primary"}`}
                                 onClick={() => setViewType("card")}
                             >
                                 <i className="bx bx-grid-alt"></i>
@@ -417,9 +415,11 @@ const DirectoryPageHeader = ({
                             <button
                                 type="button"
                                 className={`btn  btn-sm p-1 ${viewType === "list" ? "btn-primary" : "btn-outline-primary"}`}
+                                className={`btn  btn-sm p-1 ${viewType === "list" ? "btn-primary" : "btn-outline-primary"}`}
                                 onClick={() => setViewType("list")}
                             >
                                 <i className="bx bx-list-ul"></i>
+                                <i className="bx bx-list-ul"></i>
 
                             </button>
                         </div>
@@ -433,11 +433,7 @@ const DirectoryPageHeader = ({
                                 data-bs-toggle="dropdown"
                                 aria-expanded="false"
                             >
-<<<<<<< HEAD
                                 <i className={`bx bx-slider-alt ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
-=======
->>>>>>> f91a518 (Change all filter icon to bx bx-slider-alt ms-2. In image Gallery, Directory and Project List.)
-                                <i className={`bx bx-slider-alt ms-1 ${filtered > 0 ? "text-primary" : "text-muted"}`}></i>
                                 {filtered > 0 && (
                                     <span className="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-warning" style={{ fontSize: "0.4rem" }}>
                                         {filtered}