diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index 8922fd6..1333902 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -21,6 +21,7 @@ import rbtLogoOutline from "../assets/images/rubix-filled.svg";
 import Search from '../assets/images/search.png'
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 import { OPACITY_ON_LOAD } from "../Layout/animations";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 
 const DidInfo = () => {
 
@@ -126,7 +127,8 @@ const DidInfo = () => {
             mb={5}
             rounded={6}
           >
-            <Text color={"#969696"} fontSize={"sm"}>
+            <Text 
+            color={colorMode === "light" ? "#000" : "#969696"} fontSize={"sm"}>
               DID
             </Text>
             <HStack fontSize={"sm"} >
@@ -163,7 +165,7 @@ const DidInfo = () => {
               <Text 
                 display={"flex"}
                 gap={2}
-                alignItems={"center"} ><Image w={4} src={rbtLogoOutline} /> {data?.data?.balance}</Text>
+                alignItems={"center"} ><Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} /> {data?.data?.balance}</Text>
               <Text as={"span"} ml={5} cursor={"pointer"}>
                 {/* <MdContentCopy
                   onClick={() => copyToClipboard(transaction.sender)}
diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index dca1c5e..a87aea0 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -30,6 +30,7 @@ import rbtLogoOutline from "../assets/images/rubix-filled.svg";
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 import { OPACITY_ON_LOAD } from "../Layout/animations";
 import { HiOutlineRefresh } from "react-icons/hi";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 import { rotate } from "../components/LatestTransactions/LatestTransactions";
 
 const MainNet = () => {
@@ -136,7 +137,7 @@ const MainNet = () => {
         color="white"
         display={{ base: "block", md: "flex" }}
         justifyContent={"space-between"}
-        mb={10}
+        mb={6}
       >
         <Heading
           fontSize={"md"}
@@ -147,7 +148,8 @@ const MainNet = () => {
           Main Net - Overview
         </Heading>
         <HStack to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
-          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(mainNetData?.data?.tvl).toFixed(3)} RBT</Text>
+          {/* <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(mainNetData?.data?.tvl).toFixed(3)} RBT</Text> */}
+          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{mainNetData?.data?.tvl} $ Mn</Text>
         </HStack>
       </Container>
       <Box>
@@ -537,7 +539,7 @@ const MainNet = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                       {amount}
                     </Text>
                   </Box>}
@@ -556,7 +558,7 @@ const MainNet = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                       {pledgeAmount}
                     </Text>
                   </Box>}
diff --git a/src/pages/SubnetId.jsx b/src/pages/SubnetId.jsx
index c312116..6a82808 100644
--- a/src/pages/SubnetId.jsx
+++ b/src/pages/SubnetId.jsx
@@ -127,7 +127,7 @@ const SubnetId = () => {
         color="white"
         display={{ base: "block", md: "flex" }}
         justifyContent={"space-between"}
-        mb={10}
+        mb={5}
         
       >
         <Heading
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index abd67b0..9ffa117 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -13,6 +13,7 @@ import { rotate } from "../components/LatestTransactions/LatestTransactions";
 import Search from '../assets/images/search.png'
 import { formatUTCToDDMMYYHHMMSS } from "../Constants/Constants";
 import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
+import rbtLogoDark from "../assets/images/RBTLogo.svg";
 
 const SubnetInner = () => {
 
@@ -138,7 +139,8 @@ const SubnetInner = () => {
         Subnet ID  - {params?.id}
         </Heading>
         <HStack to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
-          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(data?.data?.tvl).toFixed(3)} RBT</Text>
+          {/* <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{Number(data?.data?.tvl).toFixed(3)} RBT</Text> */}
+          <Text as={"span"}>Total Value Locked (TVL)</Text> <Text as={"span"}>{data?.data?.tvl} $ Mn</Text>
         </HStack>
         {/* <Text to="" style={{ fontSize: "14px" }} color={colorMode === "light" ? "#000" : "#fff"} display={"flex"} gap={"3"}>
           View total number of records
@@ -549,7 +551,7 @@ const SubnetInner = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline}/>
                       {amount}
                     </Text>
                   </Box>}
@@ -568,7 +570,7 @@ const SubnetInner = () => {
                       alignItems={"center"}
                       color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     >
-                      <Image w={4} src={rbtLogoOutline} />
+                      <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline}/>
                       {pledgeAmount}
                     </Text>
                   </Box>}
diff --git a/src/pages/Transaction/TransactionDetails.jsx b/src/pages/Transaction/TransactionDetails.jsx
index 3a56736..2e7f649 100644
--- a/src/pages/Transaction/TransactionDetails.jsx
+++ b/src/pages/Transaction/TransactionDetails.jsx
@@ -22,6 +22,7 @@ import TransactionTable from "./TransactionTable";
 import { useGetTransByIdQuery } from "../../Services/api.service";
 // import rbtLogoOutline from "../../src/assets/images/rubix-filled.svg";
 import rbtLogoOutline from "../../assets/images/rubix-filled.svg";
+import rbtLogoDark from "../../assets/images/RBTLogo.svg";
 import { formatUTCToDDMMYYHHMMSS } from "../../Constants/Constants";
 import NormalTable from "../../components/DataTable/NormalTable";
 
@@ -140,7 +141,7 @@ const TransactionDetails = () => {
           <HStack justifyContent={"space-between"} alignItems={"center"} mb={3}>
             <Heading
               mb={5}
-              fontSize={"sm"}
+              fontSize={"md"}
               fontWeight={400}
               as={"span"}
               color={colorMode === "light" ? "#000" : "#fff"}
@@ -161,7 +162,7 @@ const TransactionDetails = () => {
             mb={5}
             rounded={6}
           >
-            <Text color={"#969696"} fontSize={"sm"}>
+            <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"} fontSize={"sm"}>
               Transaction ID
             </Text>
             <HStack fontSize={"sm"}>
@@ -246,7 +247,7 @@ const TransactionDetails = () => {
               <Box
                 fontSize={"sm"}
                 gap={4}
-                mb={2}
+                mb={4}
                 // display={{ base: "block", md: "flex" }}
               >
                 <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
@@ -262,6 +263,7 @@ const TransactionDetails = () => {
                     whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
+                    fontSize={'sm'}
                   >
                     {data?.data?.blockHash}
                   </Text>
@@ -301,6 +303,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
                     cursor={"pointer"}
+                    
                   >
                     {data?.data?.blockNumber}
                     {/* hello */}
@@ -324,8 +327,8 @@ const TransactionDetails = () => {
 
 {data?.data?.transactionType==="RBT" &&<Box>
                   <Text
-                    mb={2}
-                    color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
+                    mb={0}
+                    color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}
                   >
                     Token List:
                   </Text>
@@ -341,7 +344,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
 
-                    fontSize={'xs'}
+                    fontSize={'sm'}
                   >
                     {tokenId}
                   </Text>
@@ -641,7 +644,7 @@ const TransactionDetails = () => {
                     alignItems={"center"}
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                   >
-                    <Image w={4} src={rbtLogoOutline} />
+                    <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                     {data?.data?.amount}
                   </Text>
                 </Box>
@@ -661,7 +664,7 @@ const TransactionDetails = () => {
                     alignItems={"center"}
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                   >
-                    <Image w={4} src={rbtLogoOutline} />
+                    <Image w={4} src={colorMode === "light" ? rbtLogoDark :rbtLogoOutline} />
                     {data?.data?.pledgeAmount}
                   </Text>
                 </Box>
@@ -669,7 +672,7 @@ const TransactionDetails = () => {
               {data?.data?.timestamp && (
                 <Box>
                   <Text>Timestamp</Text>
-                  <Text color={"#A1A1A1"}>
+                  <Text color={"#555"}>
                     {formatUTCToDDMMYYHHMMSS(data?.data?.timestamp)}
                   </Text>
                 </Box>
@@ -697,7 +700,7 @@ const TransactionDetails = () => {
                     textOverflow={"ellipsis"}
                     isTruncated
 
-                    fontSize={'xs'}
+                    fontSize={'sm'}
                   >
                     {tokenId}
                   </Text>