diff --git a/src/components/Activities/AttendcesLogs.jsx b/src/components/Activities/AttendcesLogs.jsx
index dea24b4e..b8ec542c 100644
--- a/src/components/Activities/AttendcesLogs.jsx
+++ b/src/components/Activities/AttendcesLogs.jsx
@@ -171,29 +171,29 @@ const AttendanceLog = ({ handleModalData, searchTerm, organizationId }) => {
 
   return (
     <>
-     <div
-  className="dataTables_length text-start py-2 d-flex flex-wrap justify-content-between"
-  id="DataTables_Table_0_length"
->
-  <div className="d-flex flex-wrap align-items-center my-0 gap-2">
-    <DateRangePicker
-      onRangeChange={setDateRange}
-      defaultStartDate={yesterday}
-    />
-    <div className="form-check form-switch text-start d-flex align-items-center mb-0">
-      <input
-        type="checkbox"
-        className="form-check-input"
-        role="switch"
-        disabled={isFetching}
-        id="inactiveEmployeesCheckbox"
-        checked={showPending}
-        onChange={(e) => setShowPending(e.target.checked)}
-      />
-      <label className="form-check-label ms-2 mb-0">Pending Attendance</label>
-    </div>
-  </div>
-</div>
+      <div
+        className="dataTables_length text-start py-2 d-flex flex-wrap justify-content-between"
+        id="DataTables_Table_0_length"
+      >
+        <div className="d-flex flex-wrap align-items-center my-0 gap-2">
+          <DateRangePicker
+            onRangeChange={setDateRange}
+            defaultStartDate={yesterday}
+          />
+          <div className="form-check form-switch text-start d-flex align-items-center mb-0">
+            <input
+              type="checkbox"
+              className="form-check-input"
+              role="switch"
+              disabled={isFetching}
+              id="inactiveEmployeesCheckbox"
+              checked={showPending}
+              onChange={(e) => setShowPending(e.target.checked)}
+            />
+            <label className="form-check-label ms-2 mb-0">Pending Attendance</label>
+          </div>
+        </div>
+      </div>
 
       <div
         className="table-responsive text-nowrap"
diff --git a/src/components/Activities/Regularization.jsx b/src/components/Activities/Regularization.jsx
index 22eff749..6521cb65 100644
--- a/src/components/Activities/Regularization.jsx
+++ b/src/components/Activities/Regularization.jsx
@@ -33,9 +33,9 @@ const Regularization = ({
   );
 
   useEffect(() => {
-    if(!regularizes) return
-    if(regularizes?.length) {
-    setregularizedList(regularizes);
+    if (!regularizes) return
+    if (regularizes?.length) {
+      setregularizedList(regularizes);
 
     }
   }, [regularizes]);
@@ -102,101 +102,103 @@ const Regularization = ({
   }, [employeeHandler]);
 
   return (
-    <div
-      className="table-responsive text-nowrap pb-4"
-      style={{ minHeight: "200px" }}
-    >
-      {loading ? (
-        <div
-          className="d-flex justify-content-center align-items-center"
-          style={{ height: "200px" }}
-        >
-          <p className="text-secondary">Loading...</p>
-        </div>
-      ) : currentItems?.length > 0 ? (
-        <table className="table mb-0">
-          <thead>
-            <tr>
-              <th colSpan={2}>Name</th>
-              <th>Date</th>
-              <th>Organization</th>
-              <th>
-                <i className="bx bxs-down-arrow-alt text-success"></i>Check-In
-              </th>
-              <th>
-                <i className="bx bxs-up-arrow-alt text-danger"></i>Check-Out
-              </th>
-              <th colSpan={2}>
-                Requested By
-              </th>
-               <th >
-                Requested At
-              </th>
-              <th>Action</th>
-            </tr>
-          </thead>
-          <tbody>
-            {currentItems?.map((att, index) => (
-              <tr key={index}>
-                   <td colSpan={2}>
-                  <div className="d-flex justify-content-start align-items-center">
-                    <Avatar firstName={att.firstName} lastName={att.lastName} />
-                    <div className="d-flex flex-column">
-                      <a href="#" className="text-heading text-truncate">
-                        <span className="fw-normal">
-                          {att.firstName} {att.lastName}
-                        </span>
-                      </a>
-                    </div>
-                  </div>
-                </td>
-                <td>{moment(att.checkOutTime).format("DD-MMM-YYYY")}</td>
-
-                <td>{att.organizationName || "--"}</td>
-
-                <td>{convertShortTime(att.checkInTime)}</td>
-                <td>
-                  {att.requestedAt ? convertShortTime(att.checkOutTime) : "--"}
-                </td>
-             
-                  <td colSpan={2}>
-                     {att.requestedBy ? ( <div className="d-flex justify-content-start align-items-center">
-                    <Avatar firstName={att?.requestedBy?.firstName} lastName={att?.requestedBy?.lastName} />
-                    <div className="d-flex flex-column">
-                      <a href="#" className="text-heading text-truncate">
-                        <span className="fw-normal">
-                          {att?.requestedBy?.firstName} {att?.requestedBy?.lastName}
-                        </span>
-                      </a>
-                    </div>
-                  </div>):(<small>--</small>)}
-                </td>
-                  <td>
-                  {att?.requestedAt ? formatUTCToLocalTime(att.requestedAt,true) : "--"}
-                </td>
-                <td className="text-center ">
-                  <RegularizationActions
-                    attendanceData={att}
-                    handleRequest={handleRequest}
-                    refresh={refetch}
-                  />
-                </td>
+    <div>
+      <div
+        className="table-responsive text-nowrap pb-4"
+        style={{ minHeight: "200px" }}
+      >
+        {loading ? (
+          <div
+            className="d-flex justify-content-center align-items-center"
+            style={{ height: "200px" }}
+          >
+            <p className="text-secondary">Loading...</p>
+          </div>
+        ) : currentItems?.length > 0 ? (
+          <table className="table mb-0">
+            <thead>
+              <tr>
+                <th colSpan={2}>Name</th>
+                <th>Date</th>
+                <th>Organization</th>
+                <th>
+                  <i className="bx bxs-down-arrow-alt text-success"></i>Check-In
+                </th>
+                <th>
+                  <i className="bx bxs-up-arrow-alt text-danger"></i>Check-Out
+                </th>
+                <th colSpan={2}>
+                  Requested By
+                </th>
+                <th >
+                  Requested At
+                </th>
+                <th>Action</th>
               </tr>
-            ))}
-          </tbody>
-        </table>
-      ) : (
-        <div
-          className="d-flex justify-content-center align-items-center"
-          style={{ height: "200px" }}
-        >
-          <span className="text-secondary">
-            {searchTerm
-              ? "No results found for your search."
-              : "No Requests Found !"}
-          </span>
-        </div>
-      )}
+            </thead>
+            <tbody>
+              {currentItems?.map((att, index) => (
+                <tr key={index}>
+                  <td colSpan={2}>
+                    <div className="d-flex justify-content-start align-items-center">
+                      <Avatar firstName={att.firstName} lastName={att.lastName} />
+                      <div className="d-flex flex-column">
+                        <a href="#" className="text-heading text-truncate">
+                          <span className="fw-normal">
+                            {att.firstName} {att.lastName}
+                          </span>
+                        </a>
+                      </div>
+                    </div>
+                  </td>
+                  <td>{moment(att.checkOutTime).format("DD-MMM-YYYY")}</td>
+
+                  <td>{att.organizationName || "--"}</td>
+
+                  <td>{convertShortTime(att.checkInTime)}</td>
+                  <td>
+                    {att.requestedAt ? convertShortTime(att.checkOutTime) : "--"}
+                  </td>
+
+                  <td colSpan={2}>
+                    {att.requestedBy ? (<div className="d-flex justify-content-start align-items-center">
+                      <Avatar firstName={att?.requestedBy?.firstName} lastName={att?.requestedBy?.lastName} />
+                      <div className="d-flex flex-column">
+                        <a href="#" className="text-heading text-truncate">
+                          <span className="fw-normal">
+                            {att?.requestedBy?.firstName} {att?.requestedBy?.lastName}
+                          </span>
+                        </a>
+                      </div>
+                    </div>) : (<small>--</small>)}
+                  </td>
+                  <td>
+                    {att?.requestedAt ? formatUTCToLocalTime(att.requestedAt, true) : "--"}
+                  </td>
+                  <td className="text-center ">
+                    <RegularizationActions
+                      attendanceData={att}
+                      handleRequest={handleRequest}
+                      refresh={refetch}
+                    />
+                  </td>
+                </tr>
+              ))}
+            </tbody>
+          </table>
+        ) : (
+          <div
+            className="d-flex justify-content-center align-items-center"
+            style={{ height: "200px" }}
+          >
+            <span className="text-secondary">
+              {searchTerm
+                ? "No results found for your search."
+                : "No Requests Found !"}
+            </span>
+          </div>
+        )}
+      </div>
       {totalPages > 0 && (
         <Pagination
           currentPage={currentPage}
@@ -204,6 +206,7 @@ const Regularization = ({
           onPageChange={paginate}
         />
       )}
+
     </div>
   );
 };