diff --git a/src/components/Project/ProjectNav.jsx b/src/components/Project/ProjectNav.jsx
index 7a0493d4..9fa89cdb 100644
--- a/src/components/Project/ProjectNav.jsx
+++ b/src/components/Project/ProjectNav.jsx
@@ -14,39 +14,36 @@ const ProjectNav = ({ onPillClick, activePill }) => {
       <ul className="nav nav-tabs ">
         <li className="nav-item">
           <a
-            className={`nav-link ${activePill === "profile" ? "active" : ""}`}
+            className={`nav-link ${activePill === "profile" ? "active" : ""} fs-6`}
             href="#"
             onClick={(e) => {
               e.preventDefault(); 
               onPillClick("profile");
             }}
-            style={{ fontSize: '1rem' }}
           >
             <i className="bx bx-user bx-sm me-1_5"></i> <span className="d-none d-md-inline">Profile</span>
           </a>
         </li>
         <li className="nav-item">
           <a
-            className={`nav-link ${activePill === "teams" ? "active" : ""}`}
+            className={`nav-link ${activePill === "teams" ? "active" : ""}fs-6`}
             href="#"
             onClick={(e) => {
               e.preventDefault(); 
               onPillClick("teams");
             }}
-            style={{ fontSize: '1rem' }}
           >
             <i className="bx bx-group bx-sm me-1_5"></i><span className="d-none d-md-inline" > Teams</span>
           </a>
         </li>
         <li className={`nav-item ${!HasViewInfraStructure && "d-none"} `}>
           <a
-            className={`nav-link ${activePill === "infra" ? "active" : ""}`}
+            className={`nav-link ${activePill === "infra" ? "active" : ""} fs-6`}
             href="#"
             onClick={(e) => {
               e.preventDefault(); 
               onPillClick("infra");
             }}
-            style={{ fontSize: '1rem' }}
           >
             <i className="bx bx-grid-alt bx-sm me-1_5"></i> <span className="d-none d-md-inline">Infrastructure</span>
           </a>
@@ -56,13 +53,12 @@ const ProjectNav = ({ onPillClick, activePill }) => {
           <a
             className={`nav-link ${
               activePill === "imagegallary" ? "active" : ""
-            }`}
+            }fs-6`}
             href="#"
             onClick={(e) => {
               e.preventDefault(); // Prevent page reload
               onPillClick("imagegallary");
             }}
-            style={{ fontSize: '1rem' }}
           >
             <i className="bx bxs-file-image bx-sm me-1_5"></i> <span className="d-none d-md-inline">Image Gallary</span>
           </a>
@@ -70,13 +66,12 @@ const ProjectNav = ({ onPillClick, activePill }) => {
         {(DirAdmin || DireManager || DirUser) && (
             <li className="nav-item">
           <a
-            className={`nav-link ${activePill === "directory" ? "active" : ""}`}
+            className={`nav-link ${activePill === "directory" ? "active" : ""} fs-6`}
             href="#"
             onClick={(e) => {
               e.preventDefault(); // Prevent page reload
               onPillClick("directory");
             }}
-            style={{ fontSize: '1rem' }}
           >
            <i className='bx bxs-contact bx-sm me-1_5'></i> <span className="d-none d-md-inline">Directory</span>
           </a>
diff --git a/src/pages/Activities/AttendancePage.jsx b/src/pages/Activities/AttendancePage.jsx
index 8bb0b595..9f309197 100644
--- a/src/pages/Activities/AttendancePage.jsx
+++ b/src/pages/Activities/AttendancePage.jsx
@@ -233,11 +233,10 @@ const AttendancePage = () => {
             <li className="nav-item">
               <button
                 type="button"
-                className={`nav-link ${activeTab === "all" ? "active" : ""}`}
+                className={`nav-link ${activeTab === "all" ? "active" : ""} fs-6`}
                 onClick={() => setActiveTab("all")}
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-home"
-                style={{ fontSize: '1rem' }}
               >
                 Today's
               </button>
@@ -245,11 +244,10 @@ const AttendancePage = () => {
             <li className="nav-item">
               <button
                 type="button"
-                className={`nav-link ${activeTab === "logs" ? "active" : ""}`}
+                className={`nav-link ${activeTab === "logs" ? "active" : ""} fs-6`}
                 onClick={() => setActiveTab("logs")}
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-profile"
-                style={{ fontSize: '1rem' }}
               >
                 Logs
               </button>
@@ -259,11 +257,10 @@ const AttendancePage = () => {
                 type="button"
                 className={`nav-link ${
                   activeTab === "regularization" ? "active" : ""
-                }`}
+                } fs-6`}
                 onClick={() => setActiveTab("regularization")}
                 data-bs-toggle="tab"
                 data-bs-target="#navs-top-messages"
-                style={{ fontSize: '1rem' }}
               >
                 Regularization
               </button>