Correction in List view.

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"

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>