diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index 73ef5901..a7695c4d 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -295,12 +295,12 @@ const EmployeeList = () => {
 
         {ViewTeamMember ? (
           // <div className="row">
-            <div className="card p-1">
+            <div className="card px-0 px-sm-4">
               <div className="card-datatable table-responsive pt-2">
                 <div
                   id="DataTables_Table_0_wrapper"
-                  className="dataTables_wrapper dt-bootstrap5 no-footer"
-                  style={{ width: "98%" }}
+                  className="dataTables_wrapper no-footer px-2 "
+               
                 >
                   <div className="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-3">
                     {/* Switches: All Employees + Inactive */}
@@ -581,7 +581,7 @@ const EmployeeList = () => {
                             <td className="text-start  d-none  d-sm-table-cell">
                               {item.email ? (
                                 <span className="text-truncate">
-                                  <i className="bx bxs-envelope text-primary me-2"></i>
+                                  <i className="bx bxs-envelope text-primary text-truncate me-2"></i>
                                   {item.email}
                                 </span>
                               ) : (