src/components/FamilyAcc/FamilyManageTabs.jsx

@@ -209,7 +209,7 @@ export default function FamilyManageTabs({
                     {tabs.map(({ name, id }) => (
                       <li
                         onClick={() => tabHandler(name)}
-                        className={`p-4 flex hover:text-purple transition-all ease-in-out items-center cursor-pointer overflow-hidden text-xl relative top-1 ${
+                        className={`p-4 flex hover:text-purple transition-all ease-in-out items-center cursor-pointer overflow-hidden text-xl relative top-[2px] ${
                           tab === name
                             ? "text-purple border-r"
                             : "text-thin-light-gray"

src/components/FamilyAcc/Tabs/FamilyWaitlist.jsx

@@ -39,7 +39,7 @@ const FamilyWaitlist = ({ familyData, className, accountDetails, loader }) => {
                 <tbody>
                   {currentTask.map((value) => {
                     const addedDate = value?.added.split(" ")[0];
-                    const taskImg = require(`../../../assets/images/family/${
+                    const selectedImage = require(`../../../assets/images/family/${
                       value?.banner || "default.jpg"
                     }`);
                     return (
@@ -52,7 +52,7 @@ const FamilyWaitlist = ({ familyData, className, accountDetails, loader }) => {
                             <div className="account-name flex space-x-4 items-center">
                               <div className="icon w-14 h-14 flex justify-center items-center">
                                 <img
-                                  src={taskImg}
+                                  src={selectedImage}
                                   alt="task_img"
                                   className="w-full object-cover"
                                 />
@@ -79,7 +79,7 @@ const FamilyWaitlist = ({ familyData, className, accountDetails, loader }) => {
                         <td className="text-right py-4 px-2">
                           <button
                             onClick={() =>
-                              setPopUp({ show: true, data: value })
+                              setPopUp({ show: true, data: {...value, selectedImage} })
                             }
                             className="w-20 h-11 flex justify-center items-center btn-gradient text-base rounded-full text-white"
                           >