color update

src/Components/DataTable/NormalTable.jsx

@@ -29,7 +29,7 @@ const DataTable = ({
       ? `${(100 / Object.keys(data[0]).length).toFixed(2)}%`
       : "auto";
   return (
-    <TableContainer overflowX={"auto"} className="h-auto mb-3 w-100">
+    <TableContainer overflowX={"auto"} className="h-auto mb-3 w-100 table-scroll">
       {data?.length === 0 ? (
         <EmptySearchList message={emptyMessage} />
       ) : (
@@ -37,7 +37,7 @@ const DataTable = ({
           <TableCaption p={total ? 0 : null}>
             {total ? total : "Tanami v1.0.0"}
           </TableCaption>
-          <Thead backgroundColor="gray.100">
+          <Thead backgroundColor="forestGreen.100">
             <Tr>
               {tableHeadRow.map((heading, index) => (
                 <Th
@@ -84,7 +84,7 @@ const DataTable = ({
                   )
                 )
               : data?.map((item, index) => (
-                  <Tr bg={index % 2 === 0 ? "" : "gray.50"} key={index}>
+                  <Tr bg={index % 2 === 0 ? "" : "forestGreen.50"} key={index}>
                     {tableHeadRow.map((heading, i) => (
                       <Td
                         textAlign={

src/Pages/IO_Management/CreateIO/IONAVDetails.jsx

@@ -88,10 +88,11 @@ const IONAVDetails = () => {
     ),
     NAV: (
       <Text
-        justifyContent={"left"}
+        justifyContent={"center"}
         as={"span"}
         color={"teal.900"}
         fontWeight={"500"}
+        
         className="d-flex align-items-center web-text-small"
       >
         {/* {/ {`${item.transactionAmount}`} /} */}

src/Pages/Investor_Management/InvestorDetails/Transaction.jsx

@@ -248,7 +248,7 @@ const Transaction = () => {
   };
 
   return (
-    <Box {...OPACITY_ON_LOAD} overflowY={"scroll"} height={"100vh"} pb={38}>
+    <Box {...OPACITY_ON_LOAD}  height={"100vh"} pb={38}>
       <Box bg="white.500">
         <HStack
           display={"flex"}

src/Pages/Investor_Management/InvestorDetails/ViewInvestorDetails.jsx

@@ -75,7 +75,6 @@ const ViewInvestorDetails = () => {
     // "Action",
   ];
 
-  console.log(viewInvestor);
 
   // ====================================================[Table Filter]================================================================
   const filteredData = viewInvestor?.filter((item) => {