default height added to box tables

src/components/MyJobs/MyJobTable.jsx

@@ -70,7 +70,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
 
   return (
     <div
-      className={`update-table w-full p-8 bg-white dark:bg-dark-white   overflow-hidden rounded-2xl section-shadow ${
+      className={`update-table w-full p-8 bg-white dark:bg-dark-white overflow-hidden rounded-2xl section-shadow min-h-[520px] ${
         className || ""
       }`}
     >
@@ -102,7 +102,7 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                 <>
                   {MyJobList &&
                     MyJobList?.data?.result_list &&
-                    MyJobList.data?.result_list.length > 0 &&
+                    MyJobList.data?.result_list.length > 0 ?
                     currentJobList.map((value, index) => (
                       <tr
                         key={index}
@@ -181,7 +181,14 @@ export default function MyJobTable({ MyJobList, reloadJobList, className }) {
                           </button>
                         </td>
                       </tr>
-                    ))}
+                    ))
+                    :
+                    <tr className="font-bold text-xl text-dark-gray dark:text-white whitespace-nowrap">
+                      <td className="p-2">
+                        No Jobs Avaliable!
+                      </td>
+                    </tr>
+                    }
                 </>
               ) : selectedCategory === "Explore" ? (
                 <></>