Job action area

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>

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>

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>

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>

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>

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>

src/index.css

@@ -32,9 +32,10 @@
 }
 
 .job-action{
-  background-color: lightgoldenrodyellow;
+  background-color: aliceblue;
   height: 100px;
   border-radius: 15px;
+  padding: 5px;
 }
 
 .msg_box{