diff --git a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
index 7fc46cc..4cffbb9 100644
--- a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
@@ -6,7 +6,7 @@ function CurrentJobAction() {
       <p className="my-3 py-1 text-base active-owner">
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
               <tbody>
-              <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+              <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                   <td className=" py-4">
                       <div className="flex space-x-2 items-center w-full">
                           <div className="flex flex-col flex-[0.9]">
diff --git a/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx b/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
index f8bae25..9a0f25d 100644
--- a/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
@@ -34,9 +34,10 @@ function CurrentTaskAction({jobDetails}) {
 
   return (
     <div className='job-action'>
+
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 active-worker">
               <tbody>
-              <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+              <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                   <td>
                       <div className="flex space-x-2 items-center w-full">
                           <div className="flex flex-col flex-[0.9]">
@@ -46,8 +47,9 @@ function CurrentTaskAction({jobDetails}) {
                           </div>
                       </div>
                   </td>
-
-                  <td className="text-right px-2">
+              </tr>
+              <tr>
+                  <td>
                       <div className="flex justify-center items-center">
                           <button onClick={popUpHandler} type="button" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
                               Set Status
diff --git a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
index 7f2721c..1ad6a80 100644
--- a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
@@ -3,9 +3,31 @@ import React from 'react'
 function PastDueJobAction() {
   return (
     <div className='job-action'>
-      <p className="my-3 py-1 text-base">
-        Waiting for the completion message from the client before you can approve. Owner True & PastDue
-      </p>
+
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 owner-pastdue">
+            <tbody>
+            <tr className="border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                <td>
+                    <div className="flex space-x-2 items-center w-full">
+                        <div className="flex flex-col flex-[0.9]">
+                            <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                                Time allocated has passed
+                            </h1>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <div className="flex justify-center items-center">
+                        <button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                            Cancel or Extend Timeline
+                        </button>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
     </div>
   )
 }
diff --git a/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx b/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
index 4b558ff..eafa8f7 100644
--- a/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
@@ -3,9 +3,31 @@ import React from 'react'
 function PastDueTaskAction() {
   return (
     <div className='job-action'>
-      <p className="my-3 py-1 text-base">
-        Waiting for the completion message from the client before you can approve. Worker True & PastDue
-      </p>
+
+        <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 worker-pastdue">
+            <tbody>
+            <tr className=" border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+                <td>
+                    <div className="flex space-x-2 items-center w-full">
+                        <div className="flex flex-col flex-[0.9]">
+                            <h1 className="font-bold text-xl text-dark-gray dark:text-white">
+                                You have missed the allocated time
+                            </h1>
+                        </div>
+                    </div>
+                </td>
+            </tr>
+            <tr>
+                <td>
+                    <div className="flex justify-center items-center">
+                        <button type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                            Request Extension
+                        </button>
+                    </div>
+                </td>
+            </tr>
+            </tbody>
+        </table>
     </div>
   )
 }
diff --git a/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx b/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
index ae174a7..116d953 100644
--- a/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
@@ -6,7 +6,7 @@ function ReviewJobAction() {
       <p className="my-3 py-1 text-base">
           <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400 review-owner">
               <tbody>
-              <tr className="bg-white dark:bg-dark-white   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
+              <tr className="   border-b dark:border-[#5356fb29]  hover:bg-gray-50">
                   <td className=" py-4">
                       <div className="flex space-x-2 items-center w-full">
                           <div className="flex flex-col flex-[0.9]">
@@ -16,10 +16,11 @@ function ReviewJobAction() {
                           </div>
                       </div>
                   </td>
-
-                  <td className="text-right py-4 px-2">
+              </tr>
+              <tr>
+                  <td>
                       <div className="flex justify-center items-center">
-                          <button  type="button" className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
+                          <button  type="button" className="w-120 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white">
                              Reject/Accepts
                           </button>
                       </div>