diff --git a/src/components/AddJob/AddJob.jsx b/src/components/AddJob/AddJob.jsx
index 4715387..23e4339 100644
--- a/src/components/AddJob/AddJob.jsx
+++ b/src/components/AddJob/AddJob.jsx
@@ -162,7 +162,7 @@ function AddJob({ popUpHandler, categories }) {
                       <div className="field w-full mb-[5px] xl:mb-0">
                         <InputCom
                           fieldClass="px-6 text-right flex"
-                          label="Price"
+                          label="Reward"
                           labelClass=""
                           type="number"
                           name="price"
diff --git a/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx b/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx
index 4ba9f74..e7f2d52 100644
--- a/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx
+++ b/src/components/AuthPages/AuthProfile/ActivitiesTab.jsx
@@ -42,7 +42,7 @@ export default function ActivitiesTab({ className }) {
       <div className="relative w-full overflow-x-auto sm:rounded-lg">
         <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
           <tbody>
-            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b  default-border-b dark:border-[#5356fb29] ottom ">
               <td className="py-4 pr-12">List</td>
               <td className="py-4 text-start px-2">Product Name</td>
               <td className="py-4 text-start px-2">Price</td>
diff --git a/src/components/AuthPages/UserProfile/ActivitiesTab.jsx b/src/components/AuthPages/UserProfile/ActivitiesTab.jsx
index 4ba9f74..9d5c0cf 100644
--- a/src/components/AuthPages/UserProfile/ActivitiesTab.jsx
+++ b/src/components/AuthPages/UserProfile/ActivitiesTab.jsx
@@ -42,10 +42,10 @@ export default function ActivitiesTab({ className }) {
       <div className="relative w-full overflow-x-auto sm:rounded-lg">
         <table className="w-full text-sm text-left text-gray-500 dark:text-gray-400">
           <tbody>
-            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b dark:border-[#5356fb29]  default-border-b dark:border-[#5356fb29] ottom ">
+            <tr className="text-base text-thin-light-gray whitespace-nowrap border-b default-border-b dark:border-[#5356fb29] ottom ">
               <td className="py-4 pr-12">List</td>
               <td className="py-4 text-start px-2">Product Name</td>
-              <td className="py-4 text-start px-2">Price</td>
+              <td className="py-4 text-start px-2">Reward</td>
               <td className="py-4 text-start px-2">Quantity</td>
               <td className="py-4 text-start px-2">From</td>
               <td className="py-4 text-start px-2 pr-12">To</td>
diff --git a/src/components/Cards/AvailableJobsCard.jsx b/src/components/Cards/AvailableJobsCard.jsx
index 04523e7..7c334c8 100644
--- a/src/components/Cards/AvailableJobsCard.jsx
+++ b/src/components/Cards/AvailableJobsCard.jsx
@@ -175,7 +175,7 @@ export default function AvailableJobsCard({
               <div className="block sm:flex flex-wrap gap-4">
                 <p className="text-sm text-thin-light-gray flex flext-start gap-1 items-center">
                   {datas?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
-                  Price: <span className="text-purple">{thePrice}</span>
+                  Reward: <span className="text-purple">{thePrice}</span>
                 </p>
                 <p className="text-sm text-thin-light-gray">
                   Duration:{" "}
diff --git a/src/components/FamilyAcc/Tabs/FamilyNewPending.jsx b/src/components/FamilyAcc/Tabs/FamilyNewPending.jsx
index 0251004..9efb785 100644
--- a/src/components/FamilyAcc/Tabs/FamilyNewPending.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyNewPending.jsx
@@ -74,7 +74,7 @@ export default function FamilyPending({ familyData }) {
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex items-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/FamilyAcc/Tabs/FamilyNewTasks.jsx b/src/components/FamilyAcc/Tabs/FamilyNewTasks.jsx
index 18bd917..b17a263 100644
--- a/src/components/FamilyAcc/Tabs/FamilyNewTasks.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyNewTasks.jsx
@@ -97,7 +97,7 @@ export default function FamilyNewTasks({
                                     </h1>
                                     <div className="flex flex-col sm:flex-row items-start gap-1 md:gap-4 md:items-center">
                                       <span className="text-sm text-thin-light-gray flex flex-start gap-1">
-                                        Price:{" "}
+                                      Reward:{" "}
                                         <span className="text-purple">
                                           {thePrice}
                                         </span>
diff --git a/src/components/FamilyAcc/Tabs/FamilyPending.jsx b/src/components/FamilyAcc/Tabs/FamilyPending.jsx
index 71955eb..af42642 100644
--- a/src/components/FamilyAcc/Tabs/FamilyPending.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyPending.jsx
@@ -83,7 +83,7 @@ export default function FamilyPending({
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex items-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/FamilyAcc/Tabs/FamilyTasks.jsx b/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
index 338f799..eba1473 100644
--- a/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
+++ b/src/components/FamilyAcc/Tabs/FamilyTasks.jsx
@@ -87,7 +87,7 @@ export default function FamilyTasks({
                                     </h1>
                                     <div className="flex flex-col sm:flex-row items-start gap-1 md:gap-4 md:items-center">
                                       <span className="text-sm text-thin-light-gray flex flex-start gap-1">
-                                        Price:{" "}
+                                      Reward:{" "}
                                         <span className="text-purple">
                                           {thePrice}
                                         </span>
diff --git a/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx b/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
index 212b159..6370b07 100644
--- a/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
+++ b/src/components/FamilyAcc/Tabs/wallet/FamilyAddFundPopout.jsx
@@ -1,17 +1,16 @@
-import React, { useEffect, useState } from "react";
-import ModalCom from "../../../Helpers/ModalCom";
-import InputCom from "../../../Helpers/Inputs/InputCom";
 import { Form, Formik } from "formik";
+import React, { useEffect, useState } from "react";
 import * as Yup from "yup";
+import InputCom from "../../../Helpers/Inputs/InputCom";
+import ModalCom from "../../../Helpers/ModalCom";
 
-import { AmountTo2DP } from "../../../Helpers/PriceFormatter";
-import usersService from "../../../../services/UsersService";
-import LoadingSpinner from "../../../Spinners/LoadingSpinner";
-import { PriceFormatter } from "../../../Helpers/PriceFormatter";
-import { tableReload } from "../../../../store/TableReloads";
 import { useDispatch, useSelector } from "react-redux";
 import { apiConst } from "../../../../lib/apiConst";
+import usersService from "../../../../services/UsersService";
+import { tableReload } from "../../../../store/TableReloads";
 import { SocketValues } from "../../../Contexts/SocketIOContext";
+import { AmountTo2DP } from "../../../Helpers/PriceFormatter";
+import LoadingSpinner from "../../../Spinners/LoadingSpinner";
 
 const validationSchema = Yup.object().shape({
   // amount: Yup.string()
@@ -31,10 +30,9 @@ const validationSchema = Yup.object().shape({
 });
 
 function FamilyAddFundPopout({ action, situation, wallet, familyData }) {
+  const { userDetails } = useSelector((state) => state?.userDetails); // Gets User Detail
 
-  const {userDetails} = useSelector((state) => state?.userDetails); // Gets User Detail
-
-  const { parentAssignJobToKid } = SocketValues() // socket emit event from FULL account
+  const { parentAssignJobToKid } = SocketValues(); // socket emit event from FULL account
 
   const dispatch = useDispatch();
 
@@ -60,7 +58,6 @@ function FamilyAddFundPopout({ action, situation, wallet, familyData }) {
   };
   // FUNCTION TO PERFORM FAMILY TRANSFER
   const handleAddFund = (values) => {
-
     setRequestStatus({ loading: true, status: false, message: "" });
 
     let senderBal = startTransfer?.data?.origing_current_balance || ""; // SENDER'S ACCOUNT BALANCE
@@ -143,12 +140,12 @@ function FamilyAddFundPopout({ action, situation, wallet, familyData }) {
         //SENDS MESSAGE TO SOCKET TO UPDATE CHILD ACCOUNT
         // message, room
         let socketMsg = {
-          "audience": "MEMBER",
-          "action": "REFRESH_WALLET",
-          "family_uid": reqData.family_uid,
-        }
-        let socketRoom = `FAMILY-${userDetails.uid}`
-        parentAssignJobToKid(socketMsg, socketRoom) //SENDS MESSAGE TO SOCKET TO UPDATE CHILD ACCOUNT
+          audience: "MEMBER",
+          action: "REFRESH_WALLET",
+          family_uid: reqData.family_uid,
+        };
+        let socketRoom = `FAMILY-${userDetails.uid}`;
+        parentAssignJobToKid(socketMsg, socketRoom); //SENDS MESSAGE TO SOCKET TO UPDATE CHILD ACCOUNT
 
         setTimeout(() => {
           setRequestStatus({ loading: false, status: false, message: "" });
@@ -189,14 +186,8 @@ function FamilyAddFundPopout({ action, situation, wallet, familyData }) {
     <ModalCom action={action} situation={situation}>
       <div className="relative logout-modal-wrapper lg:w-[500px] h-full lg:h-auto bg-white dark:bg-dark-white lg:rounded-2xl">
         <div className="modal-header-con">
-          <h1 className="modal-title">
-            Add Fund
-          </h1>
-          <button
-            type="button"
-            className="modal-close-btn"
-            onClick={action}
-          >
+          <h1 className="modal-title">Add Fund</h1>
+          <button type="button" className="modal-close-btn" onClick={action}>
             <svg
               width="36"
               height="36"
diff --git a/src/components/MarketPlace/PopUp/LockJob.jsx b/src/components/MarketPlace/PopUp/LockJob.jsx
index 85d1762..365071b 100644
--- a/src/components/MarketPlace/PopUp/LockJob.jsx
+++ b/src/components/MarketPlace/PopUp/LockJob.jsx
@@ -1,254 +1,283 @@
-import React, {useEffect, useState} from 'react'
-import { PriceFormatter } from "../../Helpers/PriceFormatter";
+import React, { useEffect, useState } from "react";
 import usersService from "../../../services/UsersService";
 import LoadingSpinner from "../../Spinners/LoadingSpinner";
 
+export default function LockJob({
+  details,
+  marketPlaceProduct,
+  ManageInterest,
+  manageInt,
+  handleInputChange,
+  MarketDetail,
+  marketMsg,
+  errMsg,
+  textValue,
+}) {
+  const apiCall = new usersService();
 
-export default function LockJob({details, marketPlaceProduct, ManageInterest, manageInt, handleInputChange, MarketDetail, marketMsg, errMsg, textValue}) {
-    const apiCall = new usersService()
+  const [completedTask, setCompletedTask] = useState({
+    loading: true,
+    data: [],
+  });
 
-    const [completedTask, setCompletedTask] = useState({
-        loading: true,
-        data: []
-    })
+  let thePrice = PriceFormatter(
+    details?.price * 0.01,
+    details?.currency_code,
+    details?.currency
+  );
 
-    let thePrice = PriceFormatter(
-        details?.price * 0.01,
-        details?.currency_code,
-        details?.currency
-      );
+  let cleanedText = details?.job_description
+    ?.replace(/&lt;/g, "<")
+    .replace(/&gt;/g, ">")
+    .replace(/&quot;/g, '"')
+    .replace(/&amp;/g, "&");
 
-    let cleanedText = details?.job_description
-      ?.replace(/&lt;/g, "<")
-      .replace(/&gt;/g, ">")
-      .replace(/&quot;/g, '"')
-      .replace(/&amp;/g, "&");
+  let dependOn = marketPlaceProduct?.filter(
+    (item) => item?.job_uid == details?.offer_depend_uid
+  )[0];
 
-    let dependOn = marketPlaceProduct?.filter(item => item?.job_uid == details?.offer_depend_uid)[0]
+  useEffect(() => {
+    apiCall
+      .getVerifyCompletedTask({ offer_depend_uid: details?.offer_depend_uid })
+      .then((res) => {
+        console.log("RES", res.data);
+        setCompletedTask({ loading: false, data: res?.data?.result_list });
+      })
+      .catch((err) => {
+        setCompletedTask({ loading: false, data: [] });
+      });
+  }, []);
 
-    useEffect(()=>{
-        apiCall.getVerifyCompletedTask({offer_depend_uid:details?.offer_depend_uid}).then(res => {
-            console.log('RES', res.data)
-            setCompletedTask({loading:false, data:res?.data?.result_list})
-        }).catch(err =>{
-            setCompletedTask({loading:false, data:[]})
-        })
-    },[])
-
-    return (
+  return (
+    <>
+      {completedTask.loading ? (
+        <div className="w-full md:col-span-4 flex justify-center items-center min-h-[500px]">
+          <LoadingSpinner size="10" />
+        </div>
+      ) : (
         <>
-            {completedTask.loading ?
-            <div className='w-full md:col-span-4 flex justify-center items-center min-h-[500px]'>
-                <LoadingSpinner 
-                    size='10'
-                />
+          <div className="px-4 py-2 w-full md:col-span-3 md:border-r-1">
+            <div className="min-h-[200px]">
+              <h2 className="w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-white tracking-wide">
+                {details?.offer_depend_uid && (
+                  <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>
+                )}
+                {details?.title}
+              </h2>
+
+              {/* INPUT SECTION */}
+              {[
+                {
+                  name: "Description",
+                  content: details.description,
+                },
+                {
+                  name: "",
+                  content: {
+                    text: `Timeline: ${details.timeline_days} day(s) -- `,
+                    bold: `Budget: ${thePrice}`,
+                  },
+                },
+                // {
+                //     name: "Delivery Detail",
+                //     content: cleanedText,
+                //     danger: true,
+                // },
+              ].map(({ name, content, danger }, idx) => (
+                <div className={`my-1 flex flex-col items-start`} key={idx}>
+                  <label className="py-1 job-label w-full">{name}</label>
+                  <div
+                    className={`w-full p-2 text-slate-900 dark:text-white market-pop rounded-2xl ${
+                      name == "Description"
+                        ? "min-h-[100px] max-h-[100px] h-full overflow-y-auto break-words bg-slate-50"
+                        : name == "Delivery Detail"
+                        ? " overflow-y-auto h-full min-h-[100px] max-h-[100px] bg-slate-50"
+                        : "h-full flex items-center"
+                    }`}
+                  >
+                    {danger ? (
+                      <p
+                        className={`dark:text-black`}
+                        dangerouslySetInnerHTML={{
+                          __html: danger && content,
+                        }}
+                      />
+                    ) : (
+                      <p className={`w-full text-slate-900 dark:text-black`}>
+                        {name !== "Delivery Detail" ? (
+                          <>
+                            {typeof content !== "object" ? content : null}
+                            {typeof content === "object" && (
+                              <>
+                                {/* <hr className="mb-1" /> */}
+                                <span className="flex w-full mb-1 h-[1px] bg-slate-500"></span>
+                                <span className="flex items-center gap-2 dark:text-white">
+                                  {content?.text}
+                                  <strong>{thePrice}</strong>
+                                </span>
+                                <span className="flex w-full mt-1 h-[1px] bg-slate-500"></span>
+                                {/* <hr className="mt-1" /> */}
+                              </>
+                            )}
+                          </>
+                        ) : (
+                          ""
+                        )}
+                      </p>
+                    )}
+                  </div>
+                </div>
+              ))}
             </div>
-            :
-            <>
-                <div className="px-4 py-2 w-full md:col-span-3 md:border-r-1">
-                <div className="min-h-[200px]">
-                    <h2 className="w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-white tracking-wide">
-                    {details?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
-                    {details?.title}
-                    </h2>
-
-                    {/* INPUT SECTION */}
-                    {[
-                    {
-                        name: "Description",
-                        content: details.description,
-                    },
-                    {
-                        name: "",
-                        content: {
-                        text: `Timeline: ${details.timeline_days} day(s) -- `,
-                        bold: `Budget: ${thePrice}`,
-                        },
-                    },
-                    // {
-                    //     name: "Delivery Detail",
-                    //     content: cleanedText,
-                    //     danger: true,
-                    // },
-                    ].map(({ name, content, danger }, idx) => (
-                    <div className={`my-1 flex flex-col items-start`} key={idx}>
-                        <label className="py-1 job-label w-full">
-                        {name}
-                        </label>
-                        <div
-                        className={`w-full p-2 text-slate-900 dark:text-white market-pop rounded-2xl ${
-                            name == "Description"
-                            ? "min-h-[100px] max-h-[100px] h-full overflow-y-auto break-words bg-slate-50"
-                            : name == "Delivery Detail" ? " overflow-y-auto h-full min-h-[100px] max-h-[100px] bg-slate-50"
-                            : "h-full flex items-center"
-                        }`}
-                        >
-                        {danger ? (
-                            <p
-                            className={`dark:text-black`}
-                            dangerouslySetInnerHTML={{
-                                __html: danger && content,
-                            }}
-                            />
-                        ) : (
-                            <p className={`w-full text-slate-900 dark:text-black`}>
-                            {name !== "Delivery Detail" ? (
-                                <>
-                                {typeof content !== "object" ? content : null}
-                                {typeof content === "object" && (
-                                    <>
-                                    {/* <hr className="mb-1" /> */}
-                                    <span className='flex w-full mb-1 h-[1px] bg-slate-500'></span>
-                                    <span className="flex items-center gap-2 dark:text-white">
-                                        {content?.text}
-                                        <strong>{thePrice}</strong>
-                                    </span>
-                                    <span className='flex w-full mt-1 h-[1px] bg-slate-500'></span>
-                                    {/* <hr className="mt-1" /> */}
-                                    </>
-                                )}
-                                </>
-                            ) : (
-                                ""
-                            )}
-                            </p>
-                        )}
-                        </div>
-                    </div>
-                    ))}
-                </div>
-                {/* <hr className='my-3' /> */}
-                {completedTask.loading ?
-                    <p className='py-3 w-full text-center text-lg'>Loading...</p>
-                    :completedTask?.data?.filter(item => item?.job_uid == details.offer_depend_uid).length > 0 ?
-                    <div className='w-full'>
-                    <label className="job-label w-full flex gap-2 items-center">
-                        If you have any questions about this task:
-                        <span className={`text-sm ${marketMsg.state ? 'text-[#57cd89]' : 'text-red-500'}`}>
-                        {marketMsg.state && "Message Sent!"}
-                        {errMsg.market && "Failed to send"}
-                        </span>
-                    </label>
-                    <div className="w-full flex items-center gap-3">
-                        <div className="w-full">
-                        <textarea
-                            className={`p-1 w-full text-sm text-slate-900 dark:text-white ${
-                            marketMsg.loading && "italic text-[#9CA3AF]"
-                            } bg-transparent outline-none border-2 border-slate-300 rounded-md`}
-                            rows="3"
-                            style={{ resize: "none" }}
-                            placeholder="Enter message here ..."
-                            value={marketMsg.loading ? "Sending..." : textValue}
-                            onChange={handleInputChange}
-                        />
-                        </div>
-                        <div className="relative flex flex-col">
-                        <button
-                            className="rounded-full flex justify-center items-center w-12 h-11 bg-yellow-500 text-white"
-                            name="market-message"
-                            onClick={MarketDetail}
-                            disabled={marketMsg.loading}
-                        >
-                            {marketMsg.loading ? (
-                            <LoadingSpinner size={5} color="white" />
-                            ) : (
-                            // "Send Message"
-                            <svg
-                            xmlns="http://www.w3.org/2000/svg"
-                            viewBox="0 0 11 20"
-                            id="Arrow"
-                            className="w-[0.7rem]"
-                            >
-                            <path
-                                fillRule="evenodd"
-                                d="M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413"
-                                // fill=""
-                                className="color000000 svgShape fill-[#fff]"
-                            ></path>
-                            </svg>
-                            )}
-                        </button>
-                        </div>
-                    </div>
-                    </div>
-                    :
-                    <div className='w-full'>
-                        <h1 className='text-red-600 text-lg'>This task depends on the task below</h1>
-                        <div className='rounded-2xl bg-red-50'>
-                            <div className='my-1 w-full'>
-                                <h2 className="p-2 w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-black tracking-wide">
-                                {dependOn?.offer_depend_uid && <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>}
-                                {dependOn?.title}
-                                </h2>
-                            </div>
-                            <div className={`p-2 flex flex-col items-start`}>
-                                <p className="py-1 job-label w-full dark:text-black">Description</p>
-                                <div className={`w-full p-2 text-slate-900 dark:text-black market-pop rounded-2xl bg-white break-words min-h-[100px] max-h-[100px]`}>
-                                    {dependOn?.description}
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                }
-                </div>
-
-                <div className="py-2 w-full md:col-span-1 h-full flex flex-col rounded-2xl">
-                <div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] px-4 rounded-md w-full h-full md:min-h-[420px] flex flex-col justify-between">
-                    <div className="w-full flex flex-col justify-center pb-4 gap-2">
-                    <p className="job-label w-full">
-                        Interested?
-                    </p>
-                    <hr />
-                    {completedTask.loading ?
-                    <p className='py-3 w-full text-center text-lg'>Loading...</p>
-                    :completedTask?.data?.filter(item => item?.job_uid == details.offer_depend_uid).length > 0 ?
+            {/* <hr className='my-3' /> */}
+            {completedTask.loading ? (
+              <p className="py-3 w-full text-center text-lg">Loading...</p>
+            ) : completedTask?.data?.filter(
+                (item) => item?.job_uid == details.offer_depend_uid
+              ).length > 0 ? (
+              <div className="w-full">
+                <label className="job-label w-full flex gap-2 items-center">
+                  If you have any questions about this task:
+                  <span
+                    className={`text-sm ${
+                      marketMsg.state ? "text-[#57cd89]" : "text-red-500"
+                    }`}
+                  >
+                    {marketMsg.state && "Message Sent!"}
+                    {errMsg.market && "Failed to send"}
+                  </span>
+                </label>
+                <div className="w-full flex items-center gap-3">
+                  <div className="w-full">
+                    <textarea
+                      className={`p-1 w-full text-sm text-slate-900 dark:text-white ${
+                        marketMsg.loading && "italic text-[#9CA3AF]"
+                      } bg-transparent outline-none border-2 border-slate-300 rounded-md`}
+                      rows="3"
+                      style={{ resize: "none" }}
+                      placeholder="Enter message here ..."
+                      value={marketMsg.loading ? "Sending..." : textValue}
+                      onChange={handleInputChange}
+                    />
+                  </div>
+                  <div className="relative flex flex-col">
                     <button
-                        className="btn-gradient text-white px-2 py-2 border-4 border-slate-300 text-lg lg:text-xl font-medium rounded-2xl"
-                        name="market-interest"
-                        onClick={ManageInterest}
+                      className="rounded-full flex justify-center items-center w-12 h-11 bg-yellow-500 text-white"
+                      name="market-message"
+                      onClick={MarketDetail}
+                      disabled={marketMsg.loading}
                     >
-                        {" "}
-                        <div className="flex md:flex-col justify-center gap-2">
-                        <span>Notify</span>
-                        <span>Owner</span>
-                        </div>
+                      {marketMsg.loading ? (
+                        <LoadingSpinner size={5} color="white" />
+                      ) : (
+                        // "Send Message"
+                        <svg
+                          xmlns="http://www.w3.org/2000/svg"
+                          viewBox="0 0 11 20"
+                          id="Arrow"
+                          className="w-[0.7rem]"
+                        >
+                          <path
+                            fillRule="evenodd"
+                            d="M.366 19.708c.405.39 1.06.39 1.464 0l8.563-8.264a1.95 1.95 0 0 0 0-2.827L1.768.292A1.063 1.063 0 0 0 .314.282a.976.976 0 0 0-.011 1.425l7.894 7.617a.975.975 0 0 1 0 1.414L.366 18.295a.974.974 0 0 0 0 1.413"
+                            // fill=""
+                            className="color000000 svgShape fill-[#fff]"
+                          ></path>
+                        </svg>
+                      )}
                     </button>
-                    :
-                    <h1 className='text-red-600 text-base font-bold'>This task depends on completion of another task</h1>
-                    }
-                    <>
-                        {manageInt.loading ? (
-                        <p className="text-sm italic">please wait...</p>
-                        ) : (
-                        <>
-                            {manageInt?.msg !== "" && (
-                            <p
-                                className={`text-sm italic ${
-                                manageInt?.state ? "text-green-500" : "text-red-500"
-                                }`}
-                            >
-                                {manageInt?.msg}
-                            </p>
-                            )}
-                        </>
-                        )}
-                    </>
+                  </div>
+                </div>
+              </div>
+            ) : (
+              <div className="w-full">
+                <h1 className="text-red-600 text-lg">
+                  This task depends on the task below
+                </h1>
+                <div className="rounded-2xl bg-red-50">
+                  <div className="my-1 w-full">
+                    <h2 className="p-2 w-full flex gap-1 items-center font-semibold text-slate-900 dark:text-black tracking-wide">
+                      {dependOn?.offer_depend_uid && (
+                        <i className="fa-solid fa-lock p-1 text-red-500 text-[12px]"></i>
+                      )}
+                      {dependOn?.title}
+                    </h2>
+                  </div>
+                  <div className={`p-2 flex flex-col items-start`}>
+                    <p className="py-1 job-label w-full dark:text-black">
+                      Description
+                    </p>
+                    <div
+                      className={`w-full p-2 text-slate-900 dark:text-black market-pop rounded-2xl bg-white break-words min-h-[100px] max-h-[100px]`}
+                    >
+                      {dependOn?.description}
                     </div>
+                  </div>
+                </div>
+              </div>
+            )}
+          </div>
 
-                    <div className="text-slate-900">
-                    <p className="flex items-center tracking-wide">
-                        <span className="job-label">Interest: </span> <b className="ml-1">{details.interest_count}</b>
-                    </p>
-                    <hr />
-                    <p className="my-1 flex flex-col">
-                        <span className="job-label">Expire: </span> 
-                        <span> {new Date(details.expire).toLocaleString()} </span>
-                    </p>
+          <div className="py-2 w-full md:col-span-1 h-full flex flex-col rounded-2xl">
+            <div className="mx-auto bg-[#f1f8ff] dark:bg-[#C2C8D3] px-4 rounded-md w-full h-full md:min-h-[420px] flex flex-col justify-between">
+              <div className="w-full flex flex-col justify-center pb-4 gap-2">
+                <p className="job-label w-full">Interested?</p>
+                <hr />
+                {completedTask.loading ? (
+                  <p className="py-3 w-full text-center text-lg">Loading...</p>
+                ) : completedTask?.data?.filter(
+                    (item) => item?.job_uid == details.offer_depend_uid
+                  ).length > 0 ? (
+                  <button
+                    className="btn-gradient text-white px-2 py-2 border-4 border-slate-300 text-lg lg:text-xl font-medium rounded-2xl"
+                    name="market-interest"
+                    onClick={ManageInterest}
+                  >
+                    {" "}
+                    <div className="flex md:flex-col justify-center gap-2">
+                      <span>Notify</span>
+                      <span>Owner</span>
                     </div>
-                </div>
-                </div>
-            </>
-            }
+                  </button>
+                ) : (
+                  <h1 className="text-red-600 text-base font-bold">
+                    This task depends on completion of another task
+                  </h1>
+                )}
+                <>
+                  {manageInt.loading ? (
+                    <p className="text-sm italic">please wait...</p>
+                  ) : (
+                    <>
+                      {manageInt?.msg !== "" && (
+                        <p
+                          className={`text-sm italic ${
+                            manageInt?.state ? "text-green-500" : "text-red-500"
+                          }`}
+                        >
+                          {manageInt?.msg}
+                        </p>
+                      )}
+                    </>
+                  )}
+                </>
+              </div>
+
+              <div className="text-slate-900">
+                <p className="flex items-center tracking-wide">
+                  <span className="job-label">Interest: </span>{" "}
+                  <b className="ml-1">{details.interest_count}</b>
+                </p>
+                <hr />
+                <p className="my-1 flex flex-col">
+                  <span className="job-label">Expire: </span>
+                  <span> {new Date(details.expire).toLocaleString()} </span>
+                </p>
+              </div>
+            </div>
+          </div>
         </>
-    )
+      )}
+    </>
+  );
 }
diff --git a/src/components/MyActiveJobs/ActiveJobs.jsx b/src/components/MyActiveJobs/ActiveJobs.jsx
index 473b866..ab87ba9 100644
--- a/src/components/MyActiveJobs/ActiveJobs.jsx
+++ b/src/components/MyActiveJobs/ActiveJobs.jsx
@@ -364,7 +364,7 @@ function ActiveJobs(props) {
 
           <div className="my-1 text-base text-slate-700 tracking-wide flex items-center gap-3">
             <span className="font-semibold text-black dark:text-white">
-              Price:{" "}
+            Reward:{" "}
             </span>
             <span className="">{thePrice}</span>
           </div>
diff --git a/src/components/MyActiveJobs/MyActiveJobTable.jsx b/src/components/MyActiveJobs/MyActiveJobTable.jsx
index 55b4833..7a181b0 100644
--- a/src/components/MyActiveJobs/MyActiveJobTable.jsx
+++ b/src/components/MyActiveJobs/MyActiveJobTable.jsx
@@ -68,7 +68,7 @@ export default function MyActiveJobTable({ MyJobList, className }) {
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex flext-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/MyActiveJobs/MyPastDueTaskTable.jsx b/src/components/MyActiveJobs/MyPastDueTaskTable.jsx
index 9c54b6e..dee9617 100644
--- a/src/components/MyActiveJobs/MyPastDueTaskTable.jsx
+++ b/src/components/MyActiveJobs/MyPastDueTaskTable.jsx
@@ -68,7 +68,7 @@ export default function MyPastDueTaskTable({ MyJobList, className }) {
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex flext-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/MyJobs/MyJobTable.jsx b/src/components/MyJobs/MyJobTable.jsx
index 5a79a7c..74681cd 100644
--- a/src/components/MyJobs/MyJobTable.jsx
+++ b/src/components/MyJobs/MyJobTable.jsx
@@ -277,7 +277,7 @@ function myJobTableFeatures(
                 </h1>
                 <div>{value.description}</div>
                 <span className="text-sm text-thin-light-gray flex items-start gap-1">
-                  Price: <span className="text-purple">{thePrice}</span>
+                Reward: <span className="text-purple">{thePrice}</span>
                 </span>
                 <span className="text-sm text-thin-light-gray">
                   Duration:{" "}
diff --git a/src/components/MyOffers/MyPendingJobTable.jsx b/src/components/MyOffers/MyPendingJobTable.jsx
index cf27f9e..70059af 100644
--- a/src/components/MyOffers/MyPendingJobTable.jsx
+++ b/src/components/MyOffers/MyPendingJobTable.jsx
@@ -69,7 +69,7 @@ export default function MyPendingJobTable({ MyJobList, className }) {
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex items-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/MyTasks/MyJobTable.jsx b/src/components/MyTasks/MyJobTable.jsx
index 8152809..6a7f823 100644
--- a/src/components/MyTasks/MyJobTable.jsx
+++ b/src/components/MyTasks/MyJobTable.jsx
@@ -94,7 +94,7 @@ export default function MyJobTable({ className, ActiveJobList, Account, imageSer
                           {task?.description}
                         </span>
                         <span className="text-sm text-thin-light-gray flex flext-start gap-1">
-                          Price:
+                          Reward:
                           <span className="text-purple ml-1">{thePrice}</span>
                         </span>
                         <div className="flex flex-col sm:flex-row items-start gap-1 md:gap-4 md:items-center">
diff --git a/src/components/MyWaitingJobs/MyWaitingJobTable.jsx b/src/components/MyWaitingJobs/MyWaitingJobTable.jsx
index ef6889b..45b50e0 100644
--- a/src/components/MyWaitingJobs/MyWaitingJobTable.jsx
+++ b/src/components/MyWaitingJobs/MyWaitingJobTable.jsx
@@ -65,7 +65,7 @@ export default function MyWaitingJobTable({ MyJobList, className }) {
                                 </h1>
                                 <div>{value.description}</div>
                                 <span className="text-sm text-thin-light-gray flex items-start gap-1">
-                                  Price:{" "}
+                                Reward:{" "}
                                   <span className="text-purple">
                                     {thePrice}
                                   </span>
diff --git a/src/components/MyWallet/FamilyWalletBox.jsx b/src/components/MyWallet/FamilyWalletBox.jsx
index be0749a..35ccb8c 100644
--- a/src/components/MyWallet/FamilyWalletBox.jsx
+++ b/src/components/MyWallet/FamilyWalletBox.jsx
@@ -1,12 +1,7 @@
-import { useSelector } from "react-redux";
-import LoadingSpinner from "../Spinners/LoadingSpinner";
-import WalletItemCard from "./WalletItemCard";
-import WalletItemCardFamily from "./WalletItemCardFamily";
 import { useEffect, useState } from "react";
-import { PriceFormatter } from "../Helpers/PriceFormatter";
-import SearchCom from "../Helpers/SearchCom";
-import { localImgLoad } from "../../lib";
 import background from "../../assets/images/bg-sky-blue.jpg";
+import { localImgLoad } from "../../lib";
+import LoadingSpinner from "../Spinners/LoadingSpinner";
 import FamilyWalletRedeemOptions from "./FamilyWalletRedeemOptions";
 
 /**
@@ -14,29 +9,32 @@ import FamilyWalletRedeemOptions from "./FamilyWalletRedeemOptions";
  */
 export default function FamilyWalletBox({ wallet, payment }) {
   // const { loading, data } = wallet;
-  
+
   // const { userDetails } = useSelector((state) => state.userDetails);
   // const accountType = userDetails?.account_type === "FAMILY";
-  
-  const [selectedWallet, setSelectedWallet] = useState('')
 
-  const [activeWalletBtn, setActiveWalletBtn] = useState('')
-  
-  const handleChangeWallet = ({target:{name}}) => {  // FUNCTION TO SWITCH WALLET IF USER HAS MORE THAN TWO WALLETS
-    const currentWalletSelected = wallet?.data?.filter((item) => item.code == name);
-    setSelectedWallet(currentWalletSelected[0])
-    setActiveWalletBtn(name)
+  const [selectedWallet, setSelectedWallet] = useState("");
+
+  const [activeWalletBtn, setActiveWalletBtn] = useState("");
+
+  const handleChangeWallet = ({ target: { name } }) => {
+    // FUNCTION TO SWITCH WALLET IF USER HAS MORE THAN TWO WALLETS
+    const currentWalletSelected = wallet?.data?.filter(
+      (item) => item.code == name
+    );
+    setSelectedWallet(currentWalletSelected[0]);
+    setActiveWalletBtn(name);
     // console.log(name, currentWalletSelected)
-  }
+  };
 
   const image = selectedWallet?.code
-  ? `${selectedWallet?.code.toLowerCase()}.svg`
-  : "default.png";
+    ? `${selectedWallet?.code.toLowerCase()}.svg`
+    : "default.png";
 
-  useEffect(()=>{
-    setSelectedWallet(wallet.data[0])
-    setActiveWalletBtn(wallet?.data[0]?.code)
-  },[wallet])
+  useEffect(() => {
+    setSelectedWallet(wallet.data[0]);
+    setActiveWalletBtn(wallet?.data[0]?.code);
+  }, [wallet]);
 
   return (
     <div className="w-full">
@@ -44,31 +42,38 @@ export default function FamilyWalletBox({ wallet, payment }) {
         <div className="main-wrapper w-full mb-10">
           <div className="w-full mb-10 sm:grid grid-cols-2 gap-4">
             <div className="w-full mb-4 sm:mb-0 rounded-2xl bg-white dark:bg-dark-white overflow-hidden">
-              {wallet?.loading ? 
+              {wallet?.loading ? (
                 <div className="w-full h-full flex items-center justify-center bg-white">
-                  <LoadingSpinner size="16" color="sky-blue" height='min-h-[240px]' />
+                  <LoadingSpinner
+                    size="16"
+                    color="sky-blue"
+                    height="min-h-[240px]"
+                  />
                 </div>
-                : wallet?.data.length > 0 ?
+              ) : wallet?.data.length > 0 ? (
                 <>
-                {wallet?.data?.length > 1 && 
-                  <div className="wal-selection px-5 py-2 text-black dark:text-white flex items-center gap-2">
-                    {wallet?.data?.map(item =>(
-                      <button 
-                        className={`py-0.5 px-1 mb-1 rounded-lg border border-orange-500 ${activeWalletBtn == item?.code && 'bg-orange-500'}`} 
-                        key={item?.wallet_uid} 
-                        name={item?.code}
-                        onClick={handleChangeWallet}
-                      >
-                        {item?.description}
-                      </button>
-                    ))}
-                  </div>
-                  }
-                  <div className="p-5 bg-white-opacity min-h-[240px]"
-                      style={{
-                        background: `url(${background}) 0% 0% / cover no-repeat`,
-                      }}
-                    >
+                  {wallet?.data?.length > 1 && (
+                    <div className="wal-selection px-5 py-2 text-black dark:text-white flex items-center gap-2">
+                      {wallet?.data?.map((item) => (
+                        <button
+                          className={`py-0.5 px-1 mb-1 rounded-lg border border-orange-500 ${
+                            activeWalletBtn == item?.code && "bg-orange-500"
+                          }`}
+                          key={item?.wallet_uid}
+                          name={item?.code}
+                          onClick={handleChangeWallet}
+                        >
+                          {item?.description}
+                        </button>
+                      ))}
+                    </div>
+                  )}
+                  <div
+                    className="p-5 bg-white-opacity min-h-[240px]"
+                    style={{
+                      background: `url(${background}) 0% 0% / cover no-repeat`,
+                    }}
+                  >
                     {/* image */}
                     <div className="min-w-[100px] min-h-[100px] max-w-min md:max-w-[100px] max-h-min md:max-h-[100px] rounded-full bg-[#e3e3e3] flex justify-center items-center">
                       <img
@@ -77,21 +82,30 @@ export default function FamilyWalletBox({ wallet, payment }) {
                         alt="currency-icon"
                       />
                     </div>
-                    <p className="text-base sm:text-lg text-white opacity-[70%] tracking-wide my-3">Current Balance</p>
+                    <p className="text-base sm:text-lg text-white opacity-[70%] tracking-wide my-3">
+                      Current Balance
+                    </p>
                     <p className="text-[44px] lg:text-[62px] font-bold text-white tracking-wide leading-10">
-                      {PriceFormatter(selectedWallet?.amount/100, selectedWallet?.code, undefined, "text-[2rem]")}
+                      {Formatter(
+                        selectedWallet?.amount / 100,
+                        selectedWallet?.code,
+                        undefined,
+                        "text-[2rem]"
+                      )}
                     </p>
                   </div>
                 </>
-                :
+              ) : (
                 <div className="w-full h-full flex justify-center items-center rounded-2xl bg-white">
                   <p>No Wallet Record Found</p>
                 </div>
-              }
+              )}
+            </div>
+            <div className="p-5 w-full rounded-2xl bg-white dark:bg-dark-white text-black dark:text-white h-full min-h-[240px] max-h-96">
+              <h1 className="text-xl font-bold text-black dark:text-white">
+                Recent Activities
+              </h1>
             </div>
-              <div className="p-5 w-full rounded-2xl bg-white dark:bg-dark-white text-black dark:text-white h-full min-h-[240px] max-h-96">
-                <h1 className="text-xl font-bold text-black dark:text-white">Recent Activities</h1>
-              </div>
           </div>
         </div>
         <div className="w-full">
@@ -102,7 +116,6 @@ export default function FamilyWalletBox({ wallet, payment }) {
   );
 }
 
-
 // data.length>0 && data.map((item) => (
 //   <div key={item.wallet_uid} className="w-full h-full mb-10 ">
 //     {/* <WalletItemCardFamily walletItem={item} payment={payment} countries={countries} /> */}
diff --git a/src/components/jobPopout/DeleteJobPopout.jsx b/src/components/jobPopout/DeleteJobPopout.jsx
index 3777f05..0ce0e0a 100644
--- a/src/components/jobPopout/DeleteJobPopout.jsx
+++ b/src/components/jobPopout/DeleteJobPopout.jsx
@@ -119,7 +119,7 @@ function DeleteJobPopout({ details, onClose, situation }) {
               {details.title}
             </p>
             <p className="text-lg tracking-wide text-dark-gray dark:text-white flex items-start gap-1">
-              <span className="job-label">Price: </span>{details.thePrice}
+              <span className="job-label">Reward: </span>{details.thePrice}
             </p>
             <p className="text-lg tracking-wide text-dark-gray dark:text-white">
               <span className="job-label">Duration: </span>{details.timeline_days} day(s)
diff --git a/src/components/jobPopout/EditJobPopout.jsx b/src/components/jobPopout/EditJobPopout.jsx
index 4433c1b..f548ccf 100644
--- a/src/components/jobPopout/EditJobPopout.jsx
+++ b/src/components/jobPopout/EditJobPopout.jsx
@@ -273,7 +273,7 @@ const EditJobPopOut = ({
                           <div className="field w-full">
                             <InputCom
                               fieldClass="px-6 text-right"
-                              label="Price"
+                              label="Reward"
                               labelClass="tracking-wide"
                               inputBg="bg-slate-100"
                               inputClass="input-curve lg border border-light-purple"
diff --git a/src/components/jobPopout/EditJobPopoutNew.jsx b/src/components/jobPopout/EditJobPopoutNew.jsx
index a90b6cb..c11fd31 100644
--- a/src/components/jobPopout/EditJobPopoutNew.jsx
+++ b/src/components/jobPopout/EditJobPopoutNew.jsx
@@ -274,7 +274,7 @@ const EditJobPopoutNew = ({
                                 <div className="field w-full mb-[0.5rem] sm:mb-0">
                                 <InputCom
                                     fieldClass="px-6 text-right"
-                                    label="Price"
+                                    label="Reward"
                                     labelClass="tracking-wide"
                                     inputBg="bg-slate-100"
                                     inputClass="input-curve lg border border-light-purple"
diff --git a/src/components/jobPopout/FamilyOfferJobPopout.jsx b/src/components/jobPopout/FamilyOfferJobPopout.jsx
index 9245485..7c5ea4a 100644
--- a/src/components/jobPopout/FamilyOfferJobPopout.jsx
+++ b/src/components/jobPopout/FamilyOfferJobPopout.jsx
@@ -186,7 +186,7 @@ function FamilyOfferJobPopout({ details, onClose, situation }) {
                     </div>
 
                     <div className="my-2 md:flex">
-                    <Detail label="Price" value={details.thePrice} />
+                    <Detail label="Reward" value={details.thePrice} />
                     </div>
 
                     <div className="my-2 md:flex">
diff --git a/src/components/jobPopout/JobListPopout.jsx b/src/components/jobPopout/JobListPopout.jsx
index b7101a3..386b911 100644
--- a/src/components/jobPopout/JobListPopout.jsx
+++ b/src/components/jobPopout/JobListPopout.jsx
@@ -263,7 +263,7 @@ function JobListPopout({
   const DetailsComponent = () => {
     const detailsArray = [
       { label: "Description", value: details.description },
-      { label: "Price", value: details.thePrice },
+      { label: "Reward", value: details.thePrice },
       { label: "Timeline", value: `${details.timeline_days} day(s)` },
       { label: "Created", value: new Date(details?.created).toDateString() },
     ];
diff --git a/src/components/jobPopout/NewJobListPopout.jsx b/src/components/jobPopout/NewJobListPopout.jsx
index dc22701..c6d7d9f 100644
--- a/src/components/jobPopout/NewJobListPopout.jsx
+++ b/src/components/jobPopout/NewJobListPopout.jsx
@@ -246,7 +246,7 @@ function NewJobListPopout({
   const DetailsComponent = () => {
     const detailsArray = [
       { label: "Description", value: details.description },
-      { label: "Price", value: details.thePrice },
+      { label: "Reward", value: details.thePrice },
       { label: "Timeline", value: `${details.timeline_days} day(s)` },
       { label: "Created", value: new Date(details?.created).toDateString() },
     ];
diff --git a/src/components/jobPopout/OfferJobPopout.jsx b/src/components/jobPopout/OfferJobPopout.jsx
index d45213d..d881ff4 100644
--- a/src/components/jobPopout/OfferJobPopout.jsx
+++ b/src/components/jobPopout/OfferJobPopout.jsx
@@ -162,7 +162,7 @@ function OfferJobPopout({ details, onClose, situation }) {
             </div>
 
             <div className="my-2 md:flex">
-              <Detail label="Price" value={details.thePrice} />
+              <Detail label="Reward" value={details.thePrice} />
             </div>
 
             <div className="my-2 md:flex">
diff --git a/src/components/jobPopout/PendingJobsPopout.jsx b/src/components/jobPopout/PendingJobsPopout.jsx
index fe5f5e1..2def195 100644
--- a/src/components/jobPopout/PendingJobsPopout.jsx
+++ b/src/components/jobPopout/PendingJobsPopout.jsx
@@ -3,13 +3,12 @@ import { useNavigate } from "react-router-dom";
 import { toast } from "react-toastify";
 import usersService from "../../services/UsersService";
 import ModalCom from "../Helpers/ModalCom";
-import { PriceFormatter } from "../Helpers/PriceFormatter";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import Detail from "./popoutcomponent/Detail";
 
 import { useDispatch } from "react-redux";
-import { tableReload } from "../../store/TableReloads";
 import { NewDateTimeFormatter } from "../../lib/NewDateTimeFormatter";
+import { tableReload } from "../../store/TableReloads";
 
 const showSuccessToast = (message) => {
   toast.success(message, {
@@ -73,7 +72,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
           setRequestMessage({ status: true, message: res.data.status });
           dispatch(tableReload({ type: "PENDINGTABLE" }));
           setTimeout(() => {
-            onClose()
+            onClose();
             setPendingJobLoader({ extend: false, offer: false });
             setRequestMessage({ status: false, message: "" });
           }, 4000);
@@ -140,14 +139,8 @@ function PendingJobsPopout({ details, onClose, situation }) {
     <ModalCom action={onClose} situation={situation}>
       <div className="logout-modal-wrapper w-[90%] md:w-[768px] bg-white dark:bg-dark-white lg:rounded-2xl overflow-y-auto">
         <div className="modal-header-con">
-          <h1 className="modal-title">
-            Manage Pending Item
-          </h1>
-          <button
-            type="button"
-            className="modal-close-btn"
-            onClick={onClose}
-          >
+          <h1 className="modal-title">Manage Pending Item</h1>
+          <button type="button" className="modal-close-btn" onClick={onClose}>
             <svg
               width="36"
               height="36"
@@ -214,7 +207,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
 
             <div className="my-2 md:flex">
               <Detail
-                label="Price"
+                label="Reward"
                 // value={`${details.price * 0.01} ${details.currency}`}
                 value={PriceFormatter(
                   details.price * 0.01,