From faa4e1dffc4cfc0687f22c52c49079ebcdd2422e Mon Sep 17 00:00:00 2001
From: Kartik Sharma <kartik.sharma@marcoaiot.com>
Date: Mon, 8 Dec 2025 16:33:44 +0530
Subject: [PATCH] Correction in List view.

---
 src/components/Organization/OrgPickerFromSPId.jsx |  2 +-
 src/components/Organization/OrganizationsList.jsx | 12 +++++++++++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/Organization/OrgPickerFromSPId.jsx b/src/components/Organization/OrgPickerFromSPId.jsx
index d250e48b..b0306981 100644
--- a/src/components/Organization/OrgPickerFromSPId.jsx
+++ b/src/components/Organization/OrgPickerFromSPId.jsx
@@ -149,7 +149,7 @@ const OrgPickerFromSPId = () => {
 
       {/* Footer Back button */}
       {flowType !== "default" && (
-        <div className="d-flex text-secondary mt-3">
+        <div className="d-flex text-secondary mt-7">
           <button
             type="button"
             className="btn btn-xs btn-outline-secondary"
diff --git a/src/components/Organization/OrganizationsList.jsx b/src/components/Organization/OrganizationsList.jsx
index 7bc9df2a..144863b0 100644
--- a/src/components/Organization/OrganizationsList.jsx
+++ b/src/components/Organization/OrganizationsList.jsx
@@ -4,6 +4,7 @@ import { ITEMS_PER_PAGE } from "../../utils/constants";
 import Avatar from "../common/Avatar";
 import { useDebounce } from "../../utils/appUtils";
 import Pagination from "../common/Pagination";
+import { SpinnerLoader } from "../common/Loader";
 
 const OrganizationsList = ({ searchText }) => {
   const [currentPage, setCurrentPage] = useState(1);
@@ -94,6 +95,7 @@ const OrganizationsList = ({ searchText }) => {
 
   return (
     <div
+      className="card-datatable table-responsive overflow-auto"
       id="horizontal-example"
     >
       <div className="dataTables_wrapper no-footer px-2 ">
@@ -143,10 +145,18 @@ const OrganizationsList = ({ searchText }) => {
                 <td
                   colSpan={organizationsColumns.length + 1}
                   className="text-center"
+                  style={{ height: "250px" }} 
                 >
-                  <p className="fw-semibold">{isLoading ? "Loading...." : "Not Found Organization"}</p>
+                  {isLoading ? (
+                    <div className="d-flex justify-content-center align-items-center h-100">
+                      <SpinnerLoader />
+                    </div>
+                  ) : (
+                    <p className="fw-semibold mt-3">Not Found Organization</p>
+                  )}
                 </td>
               </tr>
+
             )}
           </tbody>
         </table>