diff --git a/src/components/AmountCard/AmountCard.jsx b/src/components/AmountCard/AmountCard.jsx
index e37c6aa..ea8d401 100644
--- a/src/components/AmountCard/AmountCard.jsx
+++ b/src/components/AmountCard/AmountCard.jsx
@@ -49,7 +49,7 @@ const AmountCard = () => {
       icon: <FaMoneyCheckAlt color="white" fontSize={"29px"} />,
     },
     {
-      label: "DID count",
+      label: "DID Count",
       value: kpDetails?.didCount,
       icon: <FaFileAlt color="white" fontSize={"20px"} />,
     },
@@ -81,7 +81,7 @@ const AmountCard = () => {
       icon: <BsRCircleFill color="white" fontSize={"20px"} />,
     },
     {
-      label: "Number of smart contracts",
+      label: "Number Of Smart Contracts",
       value: kpDetails?.numberContracts,
       icon: <FaFileContract color="white" fontSize={"20px"} />,
     },
diff --git a/src/components/LatestTransactions/LatestTransactions.jsx b/src/components/LatestTransactions/LatestTransactions.jsx
index 5cbe728..63ddd49 100644
--- a/src/components/LatestTransactions/LatestTransactions.jsx
+++ b/src/components/LatestTransactions/LatestTransactions.jsx
@@ -643,7 +643,7 @@ const LatestTransactions = () => {
                       <Text
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Transaction type :
+                        Transaction Type :
                       </Text>
                       <Text
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index 1333902..9c057ba 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -91,6 +91,7 @@ const DidInfo = () => {
     isLoading?
     <FullScreenLoaader />:
     <Box
+    bg={colorMode === "light" ? "#f5f5f7" : "none"}
     {...OPACITY_ON_LOAD}
       minH={"100vh"}
       display={"flex"}
@@ -106,8 +107,8 @@ const DidInfo = () => {
         <Container maxW="6xl" pt={"6rem"}>
           <Box display={"flex"} justifyContent={"space-between"} alignItems={"center"} mb={8}>
             <Heading
-              fontSize={"sm"}
-              fontWeight={400}
+              fontSize={"md"}
+              fontWeight={500}
               color={colorMode === "light" ? "#000" : "#fff"}
             >
               DID Info
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
index 8d10ed2..8b6c329 100644
--- a/src/pages/Home.jsx
+++ b/src/pages/Home.jsx
@@ -221,7 +221,7 @@ const toast = useToast()
 
                   pointerEvents={!searchTerm?'none':"auto"}
                 >
-                  Generate short url
+                  Generate Short Url
                 </Button>
 
                 <Box
diff --git a/src/pages/MainNet.jsx b/src/pages/MainNet.jsx
index a87aea0..acf1276 100644
--- a/src/pages/MainNet.jsx
+++ b/src/pages/MainNet.jsx
@@ -225,7 +225,7 @@ const MainNet = () => {
               bg={
                 index % 2 === 0
                   ? colorMode === "light"
-                    ? "#F2EFFF"
+                    ? "#ECEBF2"
                     : "#312F35"
                   : colorMode === "light"
                   ? "#fff"
@@ -292,6 +292,7 @@ const MainNet = () => {
                     w={"84%"}
                     // justifyContent={'space-between'}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -330,6 +331,7 @@ const MainNet = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -371,6 +373,7 @@ const MainNet = () => {
                   <HStack
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
+                    isTruncated
                     fontSize={{ base: "xs", md: "sm" }}
                   >
                     <Text
@@ -412,6 +415,7 @@ const MainNet = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -452,6 +456,7 @@ const MainNet = () => {
                   <HStack
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
+                    isTruncated
                     fontSize={{ base: "xs", md: "sm" }}
                   >
                     <Text
@@ -502,12 +507,18 @@ const MainNet = () => {
                         // fontSize={{base:"xs", md:"sm" }}
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Smart contract ID :
+                        Smart Contract ID :
                       </Text>
                       <Text
+                       width={{ base: "300px", md: "auto" }}
+                       whiteSpace="nowrap"
+                       overflow="hidden"
+                       textOverflow="ellipsis"
+                       isTruncated
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
+                        onClick={() => navigate(`/smart-contract`)}
                       >
-                        <Link to="/smart-contract">{scTokenHash}</Link>
+                       <Link  to="/smart-contract">{scTokenHash}</Link>
                       </Text>
                     </Box>
                   )}
@@ -609,7 +620,7 @@ const MainNet = () => {
                       <Text
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Transaction type :
+                        Transaction Type :
                       </Text>
                       <Text
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
diff --git a/src/pages/MainNetIdOverview.jsx b/src/pages/MainNetIdOverview.jsx
index 0ff6b28..e2efb40 100644
--- a/src/pages/MainNetIdOverview.jsx
+++ b/src/pages/MainNetIdOverview.jsx
@@ -228,7 +228,7 @@ const MainNetOveriew = () => {
                         // fontSize={{base:"xs", md:"sm" }}
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Smart contract ID :
+                        Smart Contract ID :
                       </Text>
                       <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
                         <Link to="/smart-contract">{transaction.contract}</Link>
@@ -281,7 +281,7 @@ const MainNetOveriew = () => {
                         <Text
                           color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                         >
-                          Transaction type :
+                          Transaction Type :
                         </Text>
                         <Text
                           color={colorMode === "light" ? "#230A79" : "#B09AFF"}
diff --git a/src/pages/Subnet.jsx b/src/pages/Subnet.jsx
index f88a57e..b7ec9e1 100644
--- a/src/pages/Subnet.jsx
+++ b/src/pages/Subnet.jsx
@@ -229,7 +229,7 @@ const Subnet = () => {
                       // fontSize={{base:"xs", md:"sm" }}
                       color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                     >
-                      Smart contract ID :
+                      Smart Contract ID :
                     </Text>
                     <Text color={colorMode === "light" ? "#230A79" : "#B09AFF"}>
                       <Link to="/smart-contract">{transaction.contract}</Link>
@@ -282,7 +282,7 @@ const Subnet = () => {
                       <Text
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Transaction type :
+                        Transaction Type :
                       </Text>
                       <Text
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index 9ffa117..baaf7c7 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -127,7 +127,7 @@ const SubnetInner = () => {
 
 
   return (
-    <Box minH={"100vh"} p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
+    <Box  bg={colorMode === "light" ? "#f5f5f7" : "none"} minH={"100vh"} p={"6rem 0 4rem 0"} backgroundImage={colorMode !== "light" ? `url(${bannerImage})` : "none"} position={"relative"} backgroundSize="contain" backgroundRepeat="no-repeat">
       <Container
         maxW="6xl"
         color="white"
@@ -136,7 +136,7 @@ const SubnetInner = () => {
         mb={5}
       >
         <Heading fontSize={"md"} fontWeight={400} color={colorMode === "light" ? "#000" : "#fff"} mb={{base :"10px" ,md : "0px"}}>
-        Subnet ID  - {params?.id}
+        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> */}
@@ -342,6 +342,7 @@ const SubnetInner = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                      isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -384,6 +385,7 @@ const SubnetInner = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -424,6 +426,7 @@ const SubnetInner = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -465,6 +468,7 @@ const SubnetInner = () => {
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
                     fontSize={{ base: "xs", md: "sm" }}
+                    isTruncated
                   >
                     <Text
                       cursor={"pointer"}
@@ -514,9 +518,10 @@ const SubnetInner = () => {
                         // fontSize={{base:"xs", md:"sm" }}
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Smart contract ID :
+                        Smart Contract ID :
                       </Text>
                       <Text
+                        width={{ base: "300px", md: "auto" }}
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                       >
                         <Link to="/smart-contract">{scTokenHash}</Link>
@@ -621,7 +626,7 @@ const SubnetInner = () => {
                       <Text
                         color={colorMode === "light" ? "#7B7B7B" : "#E8E8E8"}
                       >
-                        Transaction type :
+                        Transaction Type :
                       </Text>
                       <Text
                         color={colorMode === "light" ? "#230A79" : "#B09AFF"}
diff --git a/src/pages/Transaction/TransactionDetails.jsx b/src/pages/Transaction/TransactionDetails.jsx
index 2e7f649..9050415 100644
--- a/src/pages/Transaction/TransactionDetails.jsx
+++ b/src/pages/Transaction/TransactionDetails.jsx
@@ -142,7 +142,7 @@ const TransactionDetails = () => {
             <Heading
               mb={5}
               fontSize={"md"}
-              fontWeight={400}
+              fontWeight={500}
               as={"span"}
               color={colorMode === "light" ? "#000" : "#fff"}
             >
@@ -410,7 +410,7 @@ const TransactionDetails = () => {
                   >
                     <MdContentCopy
                       onClick={() => copyToClipboard(data?.data?.netWorkType)}
-                    />
+                    />Token List:
                   </Text>
                 </HStack>
               </>
@@ -498,7 +498,7 @@ const TransactionDetails = () => {
 
             {data?.data?.creator && (
               <Box
-                fontSize={{ base: "xs", md: "sm" }}
+                fontSize={"sm"}
                 cursor={"pointer"}
                 gap={{ base: 2, md: 4 }}
                 mb={3}
@@ -513,7 +513,7 @@ const TransactionDetails = () => {
                 >
                   <Text
                     cursor={"pointer"}
-                    maxW={{ base: "55%", md: "100%" }}
+                    // maxW={{ base: "55%", md: "100%" }}
                     whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
@@ -540,7 +540,7 @@ const TransactionDetails = () => {
 
             {data?.data?.executor && (
               <Box
-                fontSize={{ base: "xs", md: "sm" }}
+                fontSize={"sm"}
                 cursor={"pointer"}
                 gap={{ base: 2, md: 4 }}
                 mb={3}
@@ -555,7 +555,7 @@ const TransactionDetails = () => {
                 >
                   <Text
                     cursor={"pointer"}
-                    maxW={{ base: "55%", md: "100%" }}
+                    // maxW={{ base: "55%", md: "100%" }}
                     whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
@@ -584,7 +584,7 @@ const TransactionDetails = () => {
 
             {data?.data?.deployer && (
               <Box
-                fontSize={{ base: "xs", md: "sm" }}
+                fontSize={"sm"}
                 cursor={"pointer"}
                 gap={{ base: 2, md: 4 }}
                 mb={3}
@@ -599,7 +599,7 @@ const TransactionDetails = () => {
                 >
                   <Text
                     cursor={"pointer"}
-                    maxW={{ base: "55%", md: "100%" }}
+                    // maxW={{ base: "55%", md: "100%" }}
                     whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
@@ -679,7 +679,7 @@ const TransactionDetails = () => {
               )}
             </HStack>
 
-            <VStack w={'100%'} alignItems={'flex-start'}> 
+            <VStack w={'100%'} alignItems={'flex-start'} isTruncated> 
 
             {data?.data?.transactionType==="SC" &&<Box>
                   <Text
@@ -696,10 +696,9 @@ const TransactionDetails = () => {
                   textDecoration={"underline"}
                 >
                   <Text
-                    whiteSpace={"nowrap"} // Prevent the text from wrapping
+                      whiteSpace={"nowrap"} // Prevent the text from wrapping
                     textOverflow={"ellipsis"}
                     isTruncated
-
                     fontSize={'sm'}
                   >
                     {tokenId}