diff --git a/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx b/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
index 32fe6e0..2fe5dee 100644
--- a/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
+++ b/src/components/FamilyAcc/FamilyPopout/AssignTaskPopout.jsx
@@ -315,7 +315,7 @@ const AssignTaskPopout = ({
                         checked={taskType == "select"}
                         onChange={switchTaskType}
                       />
-                      <span className="text-lg tracking-wide font-semibold">Select Task</span>
+                      <span className="text-lg tracking-wide font-semibold">Previous Task</span>
                     </div>
                     <div className="flex items-center gap-2 text-sky-blue text-base">
                       <input
diff --git a/src/components/Partials/Header.jsx b/src/components/Partials/Header.jsx
index 97678f7..da3783a 100644
--- a/src/components/Partials/Header.jsx
+++ b/src/components/Partials/Header.jsx
@@ -238,7 +238,7 @@ export default function Header({ logoutModalHandler, sidebarHandler }) {
             {/* balance */}
 
             {/* My Page Button */}
-            {userDetails.account_type === "FULL" ? <PageButton /> : null}
+            {/* {userDetails.account_type === "FULL" ? <PageButton /> : null} */}
 
             {/*<div className="lg:hidden block"></div>*/}
             <WalletHeader
diff --git a/src/components/Partials/RightSideBar.jsx b/src/components/Partials/RightSideBar.jsx
index 84650de..576fbf2 100644
--- a/src/components/Partials/RightSideBar.jsx
+++ b/src/components/Partials/RightSideBar.jsx
@@ -40,7 +40,7 @@ export default function RightSideBar({ myJobList }) {
   return (
     <>
       <div className="right-sidebar-wrapper overflow-y-scroll overflow-style-none 2xl:fixed h-full 2xl:pb-96">
-        <div className="top-platform bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-10 2xl:border-none border ">
+        <div className="top-platform bg-white dark:bg-dark-white rounded-2xl p-8 2xl:w-[268px] w-full 2xl:mb-6 2xl:border-none border ">
           {/* heading */}
           <div className="heading flex justify-between items-center mb-3.5">
             <h3 className="text-xl font-bold   text-dark-gray dark:text-white">
@@ -49,10 +49,10 @@ export default function RightSideBar({ myJobList }) {
             <div></div>
           </div>
 
-          <div className="platform-list">
+          <div className="platform-list flex flex-col gap-y-2.5">
             {userDetails && userDetails?.account_type !== "FAMILY" && (
               <>
-                <div className="item flex space-x-3 items-center mb-4">
+                <div className="item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 rounded-full">
                     <svg
@@ -82,7 +82,7 @@ export default function RightSideBar({ myJobList }) {
                   {/* action */}
                 </div>
 
-                <div className="item flex space-x-3 items-center mb-4">
+                <div className="item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 rounded-full flex items-center justify-center">
                     <Icons name="pending-job" />
@@ -95,7 +95,7 @@ export default function RightSideBar({ myJobList }) {
                   </div>
                   {/* action */}
                 </div>
-                <div className="item flex space-x-3 items-center mb-4">
+                <div className="item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 rounded-full">
                     <svg
@@ -129,10 +129,29 @@ export default function RightSideBar({ myJobList }) {
                     </p>
                   </div>
                 </div>
+                <div className="item flex space-x-3 items-center">
+                  {/* image */}
+                  <div className="w-8 h-8 rounded-full bg-sky-500/50 p-1 flex justify-center items-center">
+                    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 50" id="Page">
+                      <path
+                        fillRule="evenodd"
+                        d="M0 13V2a2 2 0 0 1 2-2h64a2 2 0 0 1 2 2v11H0Zm0 4v31a2 2 0 0 0 2 2h20V17H0Zm26 33h40a2 2 0 0 0 2-2V17H26v33Z"
+                        fill="#ffffff"
+                        className="color000000 svgShape"
+                      ></path>
+                    </svg>
+                  </div>
+                  {/* name */}
+                  <div>
+                    <p className="text-thin-light-gray text-base font-medium">
+                      <NavLink to="/yourpage">My Page</NavLink>
+                    </p>
+                  </div>
+                </div>
               </>
             )}
 
-            <div className="item flex space-x-3 items-center mb-4">
+            <div className="item flex space-x-3 items-center">
               {/* image */}
               <div className="w-8 h-8 rounded-full">
                 <svg
@@ -172,7 +191,7 @@ export default function RightSideBar({ myJobList }) {
             {/* dark mode */}
             <div
               onClick={darkMode.handleThemeSwitch}
-              className="item flex space-x-5 items-center mb-4 cursor-pointer"
+              className="item flex space-x-5 items-center cursor-pointer"
             >
               <span className="dark:text-dark-gray text-white">
                 {darkMode.theme === "light" ? (
@@ -270,8 +289,8 @@ export default function RightSideBar({ myJobList }) {
                 <div></div>
               </div>
 
-              <div className="platform-list">
-                <div className="px-8 item flex space-x-3 items-center mb-4">
+              <div className="platform-list flex flex-col gap-y-2.5">
+                <div className="px-8 item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 p-[4px] rounded-full">
                     <img
@@ -289,7 +308,7 @@ export default function RightSideBar({ myJobList }) {
                   {/* action */}
                 </div>
 
-                <div className="px-8 item flex space-x-3 items-center mb-4">
+                <div className="px-8 item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 p-[4px] rounded-full">
                     <img
@@ -307,7 +326,7 @@ export default function RightSideBar({ myJobList }) {
                   {/* action */}
                 </div>
 
-                <div className="px-8 item flex space-x-3 items-center mb-4">
+                <div className="px-8 item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 p-[4px] rounded-full">
                     <img
@@ -324,7 +343,7 @@ export default function RightSideBar({ myJobList }) {
                   </div>
                 </div>
 
-                <div className="px-8 item flex space-x-3 items-center mb-4">
+                <div className="px-8 item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 p-[4px] rounded-full">
                     <img
@@ -344,7 +363,7 @@ export default function RightSideBar({ myJobList }) {
                 {/* Line */}
                 <div className="my-4 mx-auto w-10/12 h-[2px] bg-slate-500 dark:bg-white rounded-full"></div>
 
-                <div className="px-8 item flex space-x-3 items-center mb-4">
+                <div className="px-8 item flex space-x-3 items-center">
                   {/* image */}
                   <div className="w-8 h-8 p-[4px] rounded-full">
                     <img
diff --git a/src/components/jobPopout/PendingJobsPopout.jsx b/src/components/jobPopout/PendingJobsPopout.jsx
index ccb13a1..e9b8867 100644
--- a/src/components/jobPopout/PendingJobsPopout.jsx
+++ b/src/components/jobPopout/PendingJobsPopout.jsx
@@ -9,6 +9,7 @@ import Detail from "./popoutcomponent/Detail";
 
 import { useDispatch } from "react-redux";
 import { tableReload } from "../../store/TableReloads";
+import { formattedDate } from "../../lib";
 
 const showSuccessToast = (message) => {
   toast.success(message, {
@@ -165,7 +166,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
             </svg>
           </button>
         </div>
-        <div className="md:flex bg-white dark:bg-dark-white rounded-lg shadow-lg">
+        <div className="md:flex bg-white dark:bg-dark-white rounded-lg">
           <div className="p-4 w-full md:w-3/4 md:border-r-2">
             <p className="text-base font-semibold text-slate-900 dark:text-white tracking-wide">
               {details.title}
@@ -184,12 +185,12 @@ function PendingJobsPopout({ details, onClose, situation }) {
             </div>
 
             {/* INPUT SECTION */}
-            <div className="my-2 md:flex">
+            {/* <div className="my-2 md:flex">
               <Detail
                 label="Date Added"
                 value={details.offer_added || "default"}
               />
-            </div>
+            </div> */}
 
             <div className="my-2 md:flex">
               <Detail label="Description" value={details.description} />
@@ -198,12 +199,14 @@ function PendingJobsPopout({ details, onClose, situation }) {
             <div className="my-2 md:flex">
               <Detail
                 label="Offer Expire"
-                value={
-                  details.expire &&
-                  `${details.expire.split(" ")[0]} ${
-                    details.expire.split(" ")[1].split(".")[0]
-                  }`
-                }
+                // value={
+                //   details.expire &&
+                //   `${details.expire.split(" ")[0]} ${
+                //     details.expire.split(" ")[1].split(".")[0]
+                //   }`
+                // }
+                // value={new Date(details.expire).toLocaleDateString()}
+                // value={formattedDate(details.expire)}
               />
             </div>
 
@@ -314,7 +317,7 @@ function PendingJobsPopout({ details, onClose, situation }) {
         </div>
 
         {/* close button */}
-        <div className="p-6 flex justify-center">
+        <div className="modal-footer-wrapper flex justify-center">
           <button
             onClick={onClose}
             type="button"