diff --git a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
index 87f2508..9081c8b 100644
--- a/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/CurrentJobAction.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function CurrentJobAction() {
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action  dark:bg-black'>
       <p className="my-3 py-1 text-base active-owner">
           <table className="w-full text-sm text-left text-gray-500">
               <tbody>
diff --git a/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx b/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
index ad66ae2..d68c1c6 100644
--- a/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/CurrentTaskAction.jsx
@@ -60,7 +60,7 @@ function CurrentTaskAction({jobDetails}) {
     }
 
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action  dark:bg-black'>
 
           <table className="w-full text-sm text-left text-gray-500 active-worker">
               <tbody>
diff --git a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
index f125740..f943d7c 100644
--- a/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/PastDueJobAction.jsx
@@ -101,7 +101,7 @@ function PastDueJobAction({jobDetails}) {
     }
 
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action  dark:bg-black'>
 
         <table className="w-full text-sm text-left text-gray-500 owner-pastdue">
             <tbody>
diff --git a/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx b/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
index 5acd35a..d742b73 100644
--- a/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/PastDueTaskAction.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function PastDueTaskAction() {
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action dark:bg-black'>
 
         <table className="w-full text-sm text-left text-gray-500 worker-pastdue">
             <tbody>
diff --git a/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx b/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
index af032d2..f12fe39 100644
--- a/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/ReviewJobAction.jsx
@@ -90,7 +90,7 @@ function ReviewJobAction({jobDetails}) {
         })
     }
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action  dark:bg-black'>
       <div className="my-3 py-1 text-base">
           <table className="w-full text-sm text-left text-gray-500 review-owner">
               <tbody>
diff --git a/src/components/MyActiveJobs/JobActions/ReviewTaskAction.jsx b/src/components/MyActiveJobs/JobActions/ReviewTaskAction.jsx
index 2a9c8a4..9163dcd 100644
--- a/src/components/MyActiveJobs/JobActions/ReviewTaskAction.jsx
+++ b/src/components/MyActiveJobs/JobActions/ReviewTaskAction.jsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function ReviewTaskAction() {
   return (
-    <div className='job-action bg-white dark:bg-black'>
+    <div className='job-action  dark:bg-black'>
       <p className="my-3 py-1 text-base text-dark-gray dark:text-white">
         Waiting for the completion message from the client before you can approve. Worker True & Review Job
       </p>
diff --git a/src/index.css b/src/index.css
index 0d15d78..b3e4c4c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -32,9 +32,10 @@
 }
 
 .job-action{
-  background-color: lightgoldenrodyellow;
+  background-color: aliceblue;
   height: 100px;
   border-radius: 15px;
+  padding: 5px;
 }
 
 .msg_box{