diff --git a/src/Pages/OptiFiiExpense/ReimbursementRequestView.jsx b/src/Pages/OptiFiiExpense/ReimbursementRequestView.jsx
index c6dfb8b..7c460b5 100644
--- a/src/Pages/OptiFiiExpense/ReimbursementRequestView.jsx
+++ b/src/Pages/OptiFiiExpense/ReimbursementRequestView.jsx
@@ -1,18 +1,18 @@
 import {
-    Box,
-    Button,
-    HStack,
-    VStack,
-    Icon,
-    Checkbox,
-    Tag,
-    TagLabel,
-    Text,
-    Image,
-    useDisclosure,
-    Alert,
-    CloseButton,
-    AlertDescription,
+  Box,
+  Button,
+  HStack,
+  VStack,
+  Icon,
+  Checkbox,
+  Tag,
+  TagLabel,
+  Text,
+  Image,
+  useDisclosure,
+  Alert,
+  CloseButton,
+  AlertDescription,
 } from "@chakra-ui/react";
 import React, { useContext, useEffect, useState } from "react";
 import MiniHeader from "../../Components/MiniHeader";
@@ -26,249 +26,319 @@ import { MdOutlineNoFood } from "react-icons/md";
 import { OPACITY_ON_LOAD } from "../../Layout/animations";
 import { IoMdCheckmark } from "react-icons/io";
 import { RxCross2 } from "react-icons/rx";
-import PrimaryButton from "../../Components/Buttons/PrimaryButton"
-import SecondaryButton from "../../Components/Buttons/SecondaryButton"
+import PrimaryButton from "../../Components/Buttons/PrimaryButton";
+import SecondaryButton from "../../Components/Buttons/SecondaryButton";
+import { TiTick } from "react-icons/ti";
+import { ImCancelCircle } from "react-icons/im";
 
 const ReimbursementRequestView = () => {
+  const [alertStatus, setAlertStatus] = useState(null);
 
-    const [alertStatus, setAlertStatus] = useState(null); 
+  const handleApprove = () => {
+    setAlertStatus("success");
+  };
 
-    const handleApprove = () => {
-        setAlertStatus('success');
-    };
+  const handleReject = () => {
+    setAlertStatus("error");
+  };
 
-    const handleReject = () => {
-        setAlertStatus('error');
-    };
+  const { employees } = useContext(GlobalStateContext);
+  const [isLoading, setIsLoading] = useState(false);
 
-    const { employees } = useContext(GlobalStateContext);
-    const [isLoading, setIsLoading] = useState(false);
+  useEffect(() => {
+    // Set isLoading to true
+    setIsLoading(true);
 
-    useEffect(() => {
-        // Set isLoading to true
-        setIsLoading(true);
+    // Simulate a 3-second delay
+    const timer = setTimeout(() => {
+      setIsLoading(false); // Set isLoading to false after 3 seconds
+    }, 500);
 
-        // Simulate a 3-second delay
-        const timer = setTimeout(() => {
-            setIsLoading(false); // Set isLoading to false after 3 seconds
-        }, 500);
+    // Cleanup the timer when the component unmounts or when the useEffect re-runs
+    return () => clearTimeout(timer);
+  }, []); // Empty dependency array means this effect runs once after the component mounts
 
-        // Cleanup the timer when the component unmounts or when the useEffect re-runs
-        return () => clearTimeout(timer);
-    }, []); // Empty dependency array means this effect runs once after the component mounts
+  // ===============================[ Table Header ]
+  const tableHeadRow = [
+    "Sr. No",
+    "Name",
+    "Email Address",
+    "Mobile number",
+    "Grade",
+    "Department",
+    "Role",
+    "Bills",
+    "Action",
+  ];
 
-    // ===============================[ Table Header ]
-    const tableHeadRow = [
-        "Sr. No",
-        "Name",
-        "Email Address",
-        "Mobile number",
-        "Grade",
-        "Department",
-        "Role",
-        "Action",
-    ];
+  // const extractedArray = reportsHistory.map((item)=>({ }))
 
-    // const extractedArray = reportsHistory.map((item)=>({ }))
+  const extractedArray = employees.map((item, index) => ({
+    "Sr. No": (
+      <Text
+        as={"span"}
+        display={"flex"}
+        gap={2}
+        alignItems={"center"}
+        fontSize={"xs"}
+      >
+        {index + 1}
+      </Text>
+    ),
+    Name: item?.Name,
+    "Email Address": item?.emailAddress,
+    "Mobile number": item?.mobileNumber,
+    Grade: item?.Grade,
+    Department: item?.Department,
+    Role: item?.Role,
+    Bills: (
+      <HStack>
+        <Box p={2} bg={"#ebe0f8"} rounded={"full"}>
+          <LiaFileInvoiceSolid color="#6311CB" fontSize={"18px"} />
+        </Box>
+        <Text color={"#3725EA"} fontSize={"xs"} fontWeight={500} mb={0}>
+          Invoice243
+        </Text>
+      </HStack>
+    ),
+    Action: (
+      <HStack>
+        <Button
+          display="flex"
+          flexDirection="row"
+          fontSize="small"
+          fontWeight={400}
+          p={2}
+          bg={"#00A43824"}
+          rounded={"medium"}
+          borderRadius="7.25px"
+          border="1px solid #00A438"
+          color="#00A438"
+        >
+          <TiTick color="#00A438" />
+          Approve
+        </Button>
+        <Button
+          display="flex"
+          flexDirection="row"
+          fontSize="small"
+          fontWeight={400}
+          p={2}
+          bg={"#EE1B241A"}
+          border="1px solid #EE1B24"
+          borderRadius="7.25px"
+          color="#EE1B24"
+          gap={1}
+        >
+          <ImCancelCircle color="red" />
+          Reject
+        </Button>
+      </HStack>
+    ),
+  }));
 
-    const extractedArray = employees.map((item, index) => ({
-        "Sr. No": (
-            <Text
-                as={"span"}
-                display={"flex"}
-                gap={2}
-                alignItems={"center"}
-                fontSize={"xs"}
-            >
-                {index + 1}
-            </Text>
-        ),
-        Name: item?.Name,
-        "Email Address": item?.emailAddress,
-        "Mobile number": item?.mobileNumber,
-        Grade: item?.Grade,
-        Department: item?.Department,
-        Role: item?.Role,
-        Action: (
-            <HStack
-            >
-                <Box p={2} bg={"#ebe0f8"} rounded={"full"}>
-                    <LiaFileInvoiceSolid color="#6311CB" fontSize={"18px"} />
-                </Box>
-                <Text color={"#3725EA"} fontSize={"xs"} fontWeight={500} mb={0}>
-                    Invoice243
-                </Text>
-            </HStack>
-        ),
-    }));
-
-    return (
-
-
-
-
-
-        <Box h={"100%"} p={4} {...OPACITY_ON_LOAD} overflowX={"scroll"}>
-            {/* <MiniHeader
+  return (
+    <Box h={"100%"} p={4} {...OPACITY_ON_LOAD} overflowX={"scroll"}>
+      {/* <MiniHeader
         title={"My Requests"}
         subTitle={"Lorem ipsum dolor sit amet, consectetur adipiscing elit."}
         backButton={true}
       /> */}
-            {alertStatus === 'success' && (
-                <Alert status="success" bg="#6311CB" color="#fff" rounded={"md"} mb={4}>
-                    <Box>
-                        <HStack>
-                            <IoMdCheckmark size={16} />
-                            <Text fontSize="xs" mb={0} fontWeight={500}>
-                                Approved by giftryt
-                            </Text>
-                        </HStack>
-                    </Box>
-                </Alert>
-            )}
+      {alertStatus === "success" && (
+        <Alert status="success" bg="#6311CB" color="#fff" rounded={"md"} mb={4}>
+          <Box>
+            <HStack>
+              <IoMdCheckmark size={16} />
+              <Text fontSize="xs" mb={0} fontWeight={500}>
+                Approved by giftryt
+              </Text>
+            </HStack>
+          </Box>
+        </Alert>
+      )}
 
-            {alertStatus === 'error' && (
-                <Alert status="error" bg="#EE1B24" color="#fff" rounded={"md"} mb={4}>
-                    <Box>
-                        <HStack>
-                            <RxCross2 size={16} />
-                            <Text fontSize="xs" mb={0} fontWeight={500}>
-                                Rejected by giftryt
-                            </Text>
-                        </HStack>
-                    </Box>
-                </Alert>
-            )}
-            <Box bg={"#fff"} p={4} rounded={"md"} boxShadow={"md"}>
-                <HStack width={"100%"} mb={8}>
-                    <Box bg={"#e5f6eb"} border={"1px solid #00A438"} px={4} py={1} rounded={"md"} h={14} flex={1}>
-                        <HStack>
-                            <IoMdCheckmark color="#00A438" />
-                            <Text color={"#00A438"} fontSize={"sm"} mb={1} fontWeight={500}>
-                                Approved
-                            </Text>
-                        </HStack>
-                        <Text color={"#667085"} fontSize={"xs"} fontWeight={400} mb={0}>
-                            By Sr. Manager
-                        </Text>
-                    </Box>
-                    <HStack bg={"#00A438"} px={4} py={1} rounded={"md"} h={14} justifyContent={"start"} flex={1}>
-                        <Text color={"#fff"} fontSize={"sm"} mb={0} fontWeight={400}>
-                            In progress
-                        </Text>
-                    </HStack>
-                    <VStack bg={"#f9f9f9"} px={4} py={1} rounded={"md"} h={14} spacing={1} alignItems={"start"} flex={1}>
-                        <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
-                            Pending
-                        </Text>
-                        <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
-                            By Sr. Manager
-                        </Text>
-                    </VStack>
-                    <VStack bg={"#f9f9f9"} px={4} py={1} rounded={"md"} h={14} spacing={1} alignItems={"start"} flex={1}>
-                        <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
-                            Pending
-                        </Text>
-                        <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
-                            By Sr. Manager
-                        </Text>
-                    </VStack>
-                    <VStack bg={"#f9f9f9"} px={4} py={1} rounded={"md"} h={14} spacing={1} alignItems={"start"} flex={1}>
-                        <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
-                            Pending
-                        </Text>
-                        <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
-                            By Sr. Manager
-                        </Text>
-                    </VStack>
+      {alertStatus === "error" && (
+        <Alert status="error" bg="#EE1B24" color="#fff" rounded={"md"} mb={4}>
+          <Box>
+            <HStack>
+              <RxCross2 size={16} />
+              <Text fontSize="xs" mb={0} fontWeight={500}>
+                Rejected by giftryt
+              </Text>
+            </HStack>
+          </Box>
+        </Alert>
+      )}
+      <Box bg={"#fff"} p={4} rounded={"md"} boxShadow={"md"}>
+        <HStack width={"100%"} mb={8}>
+          <Box
+            bg={"#e5f6eb"}
+            border={"1px solid #00A438"}
+            px={4}
+            py={1}
+            rounded={"md"}
+            h={14}
+            flex={1}
+          >
+            <HStack>
+              <IoMdCheckmark color="#00A438" />
+              <Text color={"#00A438"} fontSize={"sm"} mb={1} fontWeight={500}>
+                Approved
+              </Text>
+            </HStack>
+            <Text color={"#667085"} fontSize={"xs"} fontWeight={400} mb={0}>
+              By Sr. Manager
+            </Text>
+          </Box>
+          <HStack
+            bg={"#00A438"}
+            px={4}
+            py={1}
+            rounded={"md"}
+            h={14}
+            justifyContent={"start"}
+            flex={1}
+          >
+            <Text color={"#fff"} fontSize={"sm"} mb={0} fontWeight={400}>
+              In progress
+            </Text>
+          </HStack>
+          <VStack
+            bg={"#f9f9f9"}
+            px={4}
+            py={1}
+            rounded={"md"}
+            h={14}
+            spacing={1}
+            alignItems={"start"}
+            flex={1}
+          >
+            <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
+              Pending
+            </Text>
+            <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
+              By Sr. Manager
+            </Text>
+          </VStack>
+          <VStack
+            bg={"#f9f9f9"}
+            px={4}
+            py={1}
+            rounded={"md"}
+            h={14}
+            spacing={1}
+            alignItems={"start"}
+            flex={1}
+          >
+            <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
+              Pending
+            </Text>
+            <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
+              By Sr. Manager
+            </Text>
+          </VStack>
+          <VStack
+            bg={"#f9f9f9"}
+            px={4}
+            py={1}
+            rounded={"md"}
+            h={14}
+            spacing={1}
+            alignItems={"start"}
+            flex={1}
+          >
+            <Text color={"#79797B"} fontSize={"sm"} mb={0} fontWeight={400}>
+              Pending
+            </Text>
+            <Text color={"#79797B"} fontSize={"xs"} mb={0} fontWeight={400}>
+              By Sr. Manager
+            </Text>
+          </VStack>
+        </HStack>
 
-                </HStack>
+        <HStack justifyContent={"space-between"} mb={6}>
+          <Box>
+            <Text color={"#667085"} fontSize={"xs"} mb={1}>
+              Report number : 1254587841
+            </Text>
+            <Text color={"#252C32"} fontSize={"sm"} mb={0} fontWeight={500}>
+              Reimbursement report 2024
+            </Text>
+          </Box>
+          <Box>
+            <Text color={"#667085"} fontSize={"xs"} mb={1}>
+              Amount to be reimbursed
+            </Text>
+            <Text color={"#252C32"} fontSize={"sm"} fontWeight={500} mb={0}>
+              ₹ 50,000
+            </Text>
+          </Box>
+        </HStack>
 
-                <HStack justifyContent={"space-between"} mb={6}>
-                    <Box>
-                        <Text color={"#667085"} fontSize={"xs"} mb={1}>
-                            Report number : 1254587841
-                        </Text>
-                        <Text color={"#252C32"} fontSize={"sm"} mb={0} fontWeight={500}>
-                            Reimbursement report 2024
-                        </Text>
-                    </Box>
-                    <Box >
-                        <Text color={"#667085"} fontSize={"xs"} mb={1}>
-                            Amount to be reimbursed
-                        </Text>
-                        <Text color={"#252C32"} fontSize={"sm"} fontWeight={500} mb={0}>
-                            ₹ 50,000
-                        </Text>
-                    </Box>
-                </HStack>
+        <HStack justifyContent={"space-between"} mb={6}>
+          <Box>
+            <Text color={"#667085"} fontSize={"xs"} fontWeight={500} mb={2}>
+              Submitted by
+            </Text>
+            <HStack mb={4} alignItems={"start"}>
+              <Image
+                borderRadius="full"
+                boxSize="40px"
+                src="https://bit.ly/dan-abramov"
+                alt="Dan Abramov"
+              />
+              <Box>
+                <Text color={"#000000"} fontSize={"sm"} mb={0} fontWeight={500}>
+                  Pooja Shah
+                </Text>
+                <Text color={"#667085"} fontSize={"xs"} mb={0} fontWeight={400}>
+                  poojashah @wdipl.com
+                </Text>
+              </Box>
+            </HStack>
 
-                <HStack justifyContent={"space-between"} mb={6}>
-                    <Box>
-                        <Text color={"#667085"} fontSize={"xs"} fontWeight={500} mb={2}>
-                            Submitted by
-                        </Text>
-                        <HStack mb={4} alignItems={"start"}>
-                            <Image
-                                borderRadius='full'
-                                boxSize='40px'
-                                src='https://bit.ly/dan-abramov'
-                                alt='Dan Abramov'
-                            />
-                            <Box>
-                                <Text color={"#000000"} fontSize={"sm"} mb={0} fontWeight={500}>
-                                    Pooja Shah
-                                </Text>
-                                <Text color={"#667085"} fontSize={"xs"} mb={0} fontWeight={400}>
-                                    poojashah @wdipl.com
-                                </Text>
-                            </Box>
-                        </HStack>
+            <Text color={"#252C32"} fontSize={"xs"} mb={0} fontWeight={400}>
+              Duration - 10 June - 28 June
+            </Text>
+          </Box>
+          <Box textAlign={"end"}>
+            <Text color={"#667085"} fontSize={"xs"} fontWeight={500} mb={2}>
+              Pending approval
+            </Text>
+            <HStack mb={4} alignItems={"start"}>
+              <Box>
+                <Text color={"#000000"} fontSize={"sm"} mb={0} fontWeight={500}>
+                  Manav sain
+                </Text>
+                <Text color={"#667085"} fontSize={"xs"} mb={0} fontWeight={400}>
+                  manavsain@wdipl.com
+                </Text>
+              </Box>
+              <Image
+                borderRadius="full"
+                boxSize="40px"
+                src="https://bit.ly/dan-abramov"
+                alt="Dan Abramov"
+              />
+            </HStack>
+          </Box>
+        </HStack>
 
-                        <Text color={"#252C32"} fontSize={"xs"} mb={0} fontWeight={400}>
-                            Duration - 10 June - 28 June
-                        </Text>
-                    </Box>
-                    <Box textAlign={"end"}>
-                        <Text color={"#667085"} fontSize={"xs"} fontWeight={500} mb={2}>
-                            Pending approval
-                        </Text>
-                        <HStack mb={4} alignItems={"start"} >
-                            <Box>
-                                <Text color={"#000000"} fontSize={"sm"} mb={0} fontWeight={500}>
-                                    Manav sain
-                                </Text>
-                                <Text color={"#667085"} fontSize={"xs"} mb={0} fontWeight={400}>
-                                    manavsain@wdipl.com
-                                </Text>
-                            </Box>
-                            <Image
-                                borderRadius='full'
-                                boxSize='40px'
-                                src='https://bit.ly/dan-abramov'
-                                alt='Dan Abramov'
-                            />
-                        </HStack>
-                    </Box>
-                </HStack>
+        <NormalTable
+          emptyMessage={`We don't have any Sponers `}
+          tableHeadRow={tableHeadRow}
+          data={extractedArray}
+          isLoading={isLoading}
+          showRadioButton={true}
+        />
 
-                <NormalTable
-                    emptyMessage={`We don't have any Sponers `}
-                    tableHeadRow={tableHeadRow}
-                    data={extractedArray}
-                    isLoading={isLoading}
-                    showRadioButton={true}
-                />
-
-                <HStack justifyContent={"end"} my={4} spacing={4}>
-                    <SecondaryButton title="Reject" onClick={handleReject} />
-                    <PrimaryButton title="Approve" onClick={handleApprove} />
-                </HStack>
-
-            </Box>
-
-        </Box>
-    );
+        <HStack justifyContent={"end"} my={4} spacing={4}>
+          <SecondaryButton title="Reject" onClick={handleReject} />
+          <PrimaryButton title="Approve" onClick={handleApprove} />
+        </HStack>
+      </Box>
+    </Box>
+  );
 };
 
 export default ReimbursementRequestView;
diff --git a/src/Pages/OptiFiiGifsAndVouchers/GiftDashboard.jsx b/src/Pages/OptiFiiGifsAndVouchers/GiftDashboard.jsx
index bf39624..128964e 100644
--- a/src/Pages/OptiFiiGifsAndVouchers/GiftDashboard.jsx
+++ b/src/Pages/OptiFiiGifsAndVouchers/GiftDashboard.jsx
@@ -752,43 +752,45 @@ const GiftDashboard = () => {
       <Box>
         <HStack align="center" wrap="wrap" gap={4} mb={6}>
           {/* Gift Card */}
-          <Box
-            h="20"
-            borderRadius="md"
-            bgGradient="linear(94.7deg, #C33FAD -20.49%, #3725EA -10.28%, #6311CB 39.15%)"
-            px={4}
-            color="white"
-            display="flex"
-            alignItems="center"
-            justifyContent="space-between"
-            shadow="md"
-            flex={1}
-            position={"relative"}
-            overflow={"hidden"}
+          <NavLink
+            style={{
+              display: "flex",
+              flexDirection: "row",
+              alignItems: "center",
+              cursor: "pointer",
+              flex: 1,
+            }}
+            to="/dashboard/apply-for-giftcards"
           >
-            <Flex alignItems="center" gap={4}>
-              <Box
-                bgGradient={
-                  "linear-gradient(180deg, #FFFFFF -3.85%, #6311CB 210.58%)"
-                }
-                p={2}
-                rounded={"md"}
-              >
-                <Image src={GC} w={10} h={6}></Image>
-              </Box>
-              <NavLink
-                style={{
-                  display: "flex",
-                  flexDirection: "row",
-                  alignItems: "center",
-                }}
-                to="/dashboard/apply-for-giftcards"
-              >
+            <Box
+              h="20"
+              borderRadius="md"
+              bgGradient="linear(94.7deg, #C33FAD -20.49%, #3725EA -10.28%, #6311CB 39.15%)"
+              px={4}
+              color="white"
+              display="flex"
+              alignItems="center"
+              justifyContent="space-between"
+              shadow="md"
+              flex={1}
+              position={"relative"}
+              overflow={"hidden"}
+            >
+              <Flex alignItems="center" gap={4}>
+                <Box
+                  bgGradient={
+                    "linear-gradient(180deg, #FFFFFF -3.85%, #6311CB 210.58%)"
+                  }
+                  p={2}
+                  rounded={"md"}
+                >
+                  <Image src={GC} w={10} h={6}></Image>
+                </Box>
+
                 <Text fontWeight="500" fontSize="sm" mb={0}>
                   Apply for gift card
                 </Text>
 
-              </NavLink>
                 <Box
                   bg="#8241d5"
                   w="6"
@@ -800,32 +802,41 @@ const GiftDashboard = () => {
                 >
                   <ArrowForwardIcon boxSize={5} color="white" />
                 </Box>
-            </Flex>
-            <Box position={"absolute"} right={-2}>
-              <Image
-                src={GC}
-                w={16}
-                mixBlendMode={"screen"}
-                opacity={0.7}
-              ></Image>
+              </Flex>
+              <Box position={"absolute"} right={-2}>
+                <Image
+                  src={GC}
+                  w={16}
+                  mixBlendMode={"screen"}
+                  opacity={0.7}
+                ></Image>
+              </Box>
             </Box>
-          </Box>
+          </NavLink>
 
           {/* Brand Voucher */}
-          <Box
-            h="20"
-            borderRadius="md"
-            bgGradient="linear(94.7deg, #C33FAD -20.49%, #6311CB -10.28%, #3725EA 39.15%)"
-            px={4}
-            color="white"
-            display="flex"
-            alignItems="center"
-            justifyContent="space-between"
-            shadow="md"
-            flex={1}
-            position={"relative"}
+          <Link
+            style={{
+              flex: 1,
+              display:"flex",
+              flexDirection:"row",
+              alignItems:"center"
+            }}
+            to="/brand-voucher/buy-voucher"
           >
-            <Link to="/brand-voucher/buy-voucher">
+            <Box
+              h="20"
+              borderRadius="md"
+              bgGradient="linear(94.7deg, #C33FAD -20.49%, #6311CB -10.28%, #3725EA 39.15%)"
+              px={4}
+              color="white"
+              display="flex"
+              alignItems="center"
+              justifyContent="space-between"
+              shadow="md"
+              flex={1}
+              position={"relative"}
+            >
               <Flex alignItems="center" gap={4}>
                 <Box
                   bgGradient={
@@ -859,8 +870,8 @@ const GiftDashboard = () => {
                   opacity={0.7}
                 ></Image>
               </Box>
-            </Link>
-          </Box>
+            </Box>
+          </Link>
 
           {/* GPR Card */}
           <Box
diff --git a/src/Pages/OptiFiiTaxBenefit/BeinifitOverView.jsx b/src/Pages/OptiFiiTaxBenefit/BeinifitOverView.jsx
index 4040888..7023365 100644
--- a/src/Pages/OptiFiiTaxBenefit/BeinifitOverView.jsx
+++ b/src/Pages/OptiFiiTaxBenefit/BeinifitOverView.jsx
@@ -155,6 +155,7 @@ const BenifitOverView = () => {
   const [isLoading, setIsLoading] = useState(false);
   const [searchTerm, setSearchTerm] = useState("");
   const [users, setusers] = useState(50);
+  const [selectedRadio, setSelectedRadio] = useState([]);
   const navigate = useNavigate();
 
   useEffect(() => {
@@ -172,6 +173,7 @@ const BenifitOverView = () => {
   // ===============================[ Table Header ]
 
   const dashHeadSecRow = [
+    "Sr No",
     "Wallet Name",
     "Total employees",
     "Benefit limit",
@@ -180,6 +182,7 @@ const BenifitOverView = () => {
   ];
 
   const dashSecArr = dash.map((item, index) => ({
+    "Sr No": item.id,
     "Wallet Name": (
       <HStack key={`wallet-${index}`}>
         {/* <Box p={2} bg="#ebe0f8" rounded="full">
@@ -376,6 +379,9 @@ const BenifitOverView = () => {
           tableHeadRow={dashHeadSecRow}
           data={dashSecArr}
           isLoading={isLoading}
+          showRadioButton={true}
+          setSelectedRadio={setSelectedRadio}
+          selectedRadio={selectedRadio}
         />
       </Box>
     </Box>