diff --git a/public/assets/vendor/css/core.css b/public/assets/vendor/css/core.css
index a60c46bb..d95f46c2 100644
--- a/public/assets/vendor/css/core.css
+++ b/public/assets/vendor/css/core.css
@@ -836,7 +836,7 @@ progress {
 }
 
 .row {
-  --bs-gutter-x: 1.500rem;
+  --bs-gutter-x: 1.625rem;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
diff --git a/src/pages/employee/EmployeeList.jsx b/src/pages/employee/EmployeeList.jsx
index f04ec0cd..6d3b66b4 100644
--- a/src/pages/employee/EmployeeList.jsx
+++ b/src/pages/employee/EmployeeList.jsx
@@ -294,8 +294,8 @@ const EmployeeList = () => {
         ></Breadcrumb>
 
         {ViewTeamMember ? (
-          <div className="row">
-            <div className="card ">
+          // <div className="row">
+            <div className="card p-1">
               <div className="card-datatable table-responsive pt-2">
                 <div
                   id="DataTables_Table_0_wrapper"
@@ -737,7 +737,7 @@ const EmployeeList = () => {
                 </div>
               </div>
             </div>
-          </div>
+          // </div>
         ) : (
           <div className="card">
             <div className="text-center">