diff --git a/src/components/Employee/EmployeeNav.jsx b/src/components/Employee/EmployeeNav.jsx
index d55b5936..3eb70fbc 100644
--- a/src/components/Employee/EmployeeNav.jsx
+++ b/src/components/Employee/EmployeeNav.jsx
@@ -7,19 +7,19 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
         <ul className="nav nav-pills flex-column flex-sm-row mb-6">
           <li className="nav-item">
             <a
-              className={`nav-link ${activePill === "account" ? "active" : ""}`}
+              className={`nav-link py-1 px-2 small  ${activePill === "account" ? "active" : ""}`}
               href="#"
               onClick={(e) => {
                 e.preventDefault(); // Prevent page reload
                 onPillClick("account");
               }}
             >
-              <i className="bx bx-user bx-sm me-1_5"></i> Account
+              <i className="bx bx-user bx-sm me-1_5"></i> Documents
             </a>
           </li>
           <li className="nav-item">
             <a
-              className={`nav-link ${activePill === "attendance" ? "active" : ""}`}
+              className={`nav-link py-1 px-2 small ${activePill === "attendance" ? "active" : ""}`}
               href="#"
               onClick={(e) => {
                 e.preventDefault(); // Prevent page reload
@@ -31,7 +31,7 @@ const EmployeeNav = ({ onPillClick, activePill }) => {
           </li>
           <li className="nav-item">
             <a
-              className={`nav-link ${activePill === "activities" ? "active" : ""}`}
+              className={`nav-link py-1 px-2 small ${activePill === "activities" ? "active" : ""}`}
               href="#"
               onClick={(e) => {
                 e.preventDefault(); // Prevent page reload