diff --git a/src/components/FamilyAcc/FamilyTableNew.jsx b/src/components/FamilyAcc/FamilyTableNew.jsx
index 562957a..fcce0a7 100644
--- a/src/components/FamilyAcc/FamilyTableNew.jsx
+++ b/src/components/FamilyAcc/FamilyTableNew.jsx
@@ -73,26 +73,26 @@ export default function FamilyTableNew() {
 
   // Object that maps tab names to their corresponding components
   const tabComponents = {
-    Tasks: (
+    tasks: (
       <FamilyTasks
         familyData={familyTasks}
         action={familyAssignPopUpHandler}
       />
     ),
-    Waiting: (
+    waiting: (
       <FamilyWaitlist
         familyData={familyWaitList}
         setUpdatePage={setUpdatePage}
       />
     ),
-    Pending: (
+    pending: (
       <FamilyPending
         familyData={familyPending}
       />
     ),
   };
 
-  const defaultTabComponent = tabComponents.Tasks;
+  const defaultTabComponent = tabComponents.tasks;
 
   // Selected tab component based on the current 'tab'
   const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
diff --git a/src/components/jobPopout/OfferJobPopout.jsx b/src/components/jobPopout/OfferJobPopout.jsx
index bdc00fc..4102146 100644
--- a/src/components/jobPopout/OfferJobPopout.jsx
+++ b/src/components/jobPopout/OfferJobPopout.jsx
@@ -145,48 +145,34 @@ function OfferJobPopout({ details, onClose, situation }) {
           <div className="p-4 w-full md:col-span-3 md:border-r-2">
 
             {/* INPUT SECTION */}
-            <div className='grid md:grid-cols-2'>
-              <div className="my-2 md:flex">
-                {/* <Detail
-                  label="Date :"
-                  value={
-                    (details.offer_added && details.offer_added?.split(" ")[0]) ||
-                    "default"
-                  }
-                /> */}
-                <label className='job-label w-full md:w-[150px] md:text-right'>Date :</label>
-                <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>
-                  {
-                    (details.offer_added && details.offer_added?.split(" ")[0]) ||
-                    "default"
-                  }
-                </p>
+            <div className='bg-[#FFFDEE]'>
+              <div className='grid md:grid-cols-2'>
+                <div className="my-2 md:flex">
+                  <label className='job-label w-full md:w-[150px] md:text-right'>Date :</label>
+                  <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>
+                    {
+                      (details.offer_added && details.offer_added?.split(" ")[0]) ||
+                      "default"
+                    }
+                  </p>
+                </div>
+
+                <div className="my-2 md:flex">
+                  <label className='job-label w-full md:w-[150px] md:text-right'>Expire :</label>
+                  <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{details.expire && details.expire.split(" ")[0]}</p>
+                </div>
               </div>
 
-              <div className="my-2 md:flex">
-                {/* <Detail
-                  label="Offer Expire :"
-                  value={details.expire && details.expire.split(" ")[0]}
-                /> */}
-                <label className='job-label w-full md:w-[150px] md:text-right'>Expire :</label>
-                <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{details.expire && details.expire.split(" ")[0]}</p>
-              </div>
-            </div>
+              <div className='grid md:grid-cols-2'>
+                <div className="my-2 md:flex">
+                  <label className='job-label w-full md:w-[150px] md:text-right'>Reward :</label>
+                  <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{thePrice}</p>
+                </div>
 
-            <div className='grid md:grid-cols-2'>
-              <div className="my-2 md:flex">
-                {/* <Detail label="Reward :" value={thePrice} /> */}
-                <label className='job-label w-full md:w-[150px] md:text-right'>Reward :</label>
-                <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{thePrice}</p>
-              </div>
-
-              <div className="my-2 md:flex">
-                {/* <Detail
-                  label="Duration :"
-                  value={`${details.timeline_days} day(s)`}
-                /> */}
-                <label className='job-label w-full md:w-[150px] md:text-right'>Duration :</label>
-                <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{`${details.timeline_days} day(s)`}</p>
+                <div className="my-2 md:flex">
+                  <label className='job-label w-full md:w-[150px] md:text-right'>Duration :</label>
+                  <p className={`p-1 w-full md:w-3/4 text-sm text-slate-900 dark:text-white`}>{`${details.timeline_days} day(s)`}</p>
+                </div>
               </div>
             </div>