Correction in Collection list and AttendancePage.

src/components/Documents/Documents.jsx

@@ -142,7 +142,7 @@ const Documents = ({ Document_Entity, Entity }) => {
   return (
     <DocumentContext.Provider value={contextValues}>
       <div className="mt-2">
-        <div className="card page-min-h d-flex p-5">
+        <div className="card page-min-h table-responsive d-flex p-5">
           <DocumentFilterChips filters={filters} filterData={filterData} removeFilterChip={removeFilterChip} />
           <div className="row align-items-center">
             {/* Search */}

src/components/Documents/DocumentsList.jsx

@@ -178,7 +178,7 @@ const DocumentsList = ({
         />
       )}
 
-      <div className="table-responsive">
+      <div className="">
         <table className="table border-top dataTable text-nowrap">
           <thead>
             <tr className="shadow-sm">

src/components/Employee/EmpAttendance.jsx

@@ -71,7 +71,7 @@ const EmpAttendance = () => {
           <AttendLogs Id={attendanceId} />
         </GlobalModel>
       )}
-      <div className="card px-4 mt-3 py-2 " style={{ minHeight: "500px" }}>
+      <div className="table-responsive card px-4 mt-3 py-2 " style={{ minHeight: "500px" }}>
         <div
           className="dataTables_length text-start py-2 d-flex justify-content-between "
           id="DataTables_Table_0_length"
@@ -84,7 +84,7 @@ const EmpAttendance = () => {
             </>
           </div>
         </div>
-        <div className="table-responsive text-nowrap">
+        <div className="text-nowrap">
           {!loading && data.length === 0 && (
             <div className="text-center py-5">No employee logs</div>
           )}

src/components/Organization/OrganizationsList.jsx

@@ -94,7 +94,6 @@ const OrganizationsList = ({searchText}) => {
 
   return (
     <div
-          className="card-datatable table-responsive overflow-auto"
       id="horizontal-example"
     >
       <div className="dataTables_wrapper no-footer px-2 ">

src/pages/Activities/AttendancePage.jsx

@@ -202,7 +202,7 @@ const AttendancePage = () => {
               </div>
 
               {/* Search + Organization filter */}
-              <div className="col-12 col-md-auto mb-2 mt-md-0 ms-md-auto nav">
+              <div className="col-12 col-md-auto mb-2 mt-3 mt-md-0 ms-md-auto nav">
                 <div className="row g-2">
                   <div className="col-12 col-sm-6">
                     <select

src/pages/Organization/OrganizationPage.jsx

@@ -47,10 +47,12 @@ const OrganizationPage = () => {
           </div>
         </div>
       </div>
-      <div className="card page-min-h px-sm-4">
+      <div className="card table-responsive page-min-h">
+        <div className="card-body">
           <OrganizationsList searchText={searchText} />
         </div>
       </div>
+    </div>
   );
 };