diff --git a/src/components/Employee/EmployeeNav.jsx b/src/components/Employee/EmployeeNav.jsx
index 9e239682..f9c12961 100644
--- a/src/components/Employee/EmployeeNav.jsx
+++ b/src/components/Employee/EmployeeNav.jsx
@@ -5,6 +5,21 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
     <div className="col-md-12">
       <div className="nav-align-top ">
         <ul className="nav nav-tabs">
+
+        <li className="nav-item">
+            <a
+              className={`nav-link py-1 px-2 small ${
+                activePill === "attendance" ? "active" : ""
+              }`}
+              href="#"
+              onClick={(e) => {
+                e.preventDefault(); // Prevent page reload
+                onPillClick("attendance");
+              }}
+            >
+              <i className="bx bx-group bx-sm me-1_5"></i> Attendances
+            </a>
+          </li>
           <li className="nav-item">
             <a
               className={`nav-link py-1 px-2 small  ${
@@ -19,20 +34,7 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
               <i className="bx bx-user bx-sm me-1_5"></i> Documents
             </a>
           </li>
-          <li className="nav-item">
-            <a
-              className={`nav-link py-1 px-2 small ${
-                activePill === "attendance" ? "active" : ""
-              }`}
-              href="#"
-              onClick={(e) => {
-                e.preventDefault(); // Prevent page reload
-                onPillClick("attendance");
-              }}
-            >
-              <i className="bx bx-group bx-sm me-1_5"></i> Attendances
-            </a>
-          </li>
+       
           <li className="nav-item">
             <a
               className={`nav-link py-1 px-2 small ${