src/pages/Directory/DirectoryPageHeader.jsx

@@ -257,7 +257,7 @@ const DirectoryPageHeader = ({
                     <ul className="nav nav-tabs mb-0" role="tablist">
                         <li className="nav-item" role="presentation">
                             <button
-                                className={`nav-link ${viewType === "notes" ? "active" : ""} fs-6`}
+                                className={`nav-link ${viewType === "notes" ? "active" : ""}`}
                                 onClick={() => setViewType("notes")}
                                 type="button"
                             >
@@ -266,9 +266,8 @@ const DirectoryPageHeader = ({
                         </li>
                         <li className="nav-item" role="presentation">
                             <button
-                                // Corrected: Apply 'active' if viewType is either 'card' or 'list'
+                                className={`nav-link ${viewType === "card" ? "active" : ""}`}
-                                className={`nav-link ${viewType === "card" || viewType === "list" ? "active" : ""} fs-6`}
+                                onClick={() => setViewType("card")}
-                                onClick={() => setViewType("card")} // You might want to default to 'card' when switching to contacts
                                 type="button"
                             >
                                 <i className="bx bx-user me-1"></i> Contacts