diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index 3ff02e3..8922fd6 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -112,7 +112,7 @@ const DidInfo = () => {
               DID Info
             </Heading>
             
-            <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#4023A6" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
+            <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#230A79" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
               display={'flex'} gap={2} alignItems={'center'} rounded={'sm'} size={"sm"} isLoading={isLoadingURL} onClick={handleGenrateShortURL}>
               <MdContentCopy/> Copy short url
             </Button>
diff --git a/src/pages/SubnetId.jsx b/src/pages/SubnetId.jsx
index 0bb1992..a4ce62a 100644
--- a/src/pages/SubnetId.jsx
+++ b/src/pages/SubnetId.jsx
@@ -191,7 +191,7 @@ const SubnetId = () => {
                 fontSize={"sm"}
                 rounded={0}
                 border="none"
-                bg={colorMode === "light" ? "#4023A6" : "#565252"}
+                bg={colorMode === "light" ? "#230A79" : "#565252"}
                 _hover={{
                   opacity: 0.9,
                   bg: colorMode !== "light" && "#333248",
diff --git a/src/pages/SubnetIdOverview.jsx b/src/pages/SubnetIdOverview.jsx
index 45fb917..8b34972 100644
--- a/src/pages/SubnetIdOverview.jsx
+++ b/src/pages/SubnetIdOverview.jsx
@@ -12,6 +12,7 @@ import { HiOutlineRefresh } from "react-icons/hi";
 import { rotate } from "../components/LatestTransactions/LatestTransactions";
 import Search from '../assets/images/search.png'
 import { formatUTCToDDMMYYHHMMSS } from "../Constants/Constants";
+import FullScreenLoaader from "../components/FullScreenLoaader/FullScreenLoaader";
 
 const SubnetInner = () => {
 
@@ -149,12 +150,12 @@ const SubnetInner = () => {
         </Text> */}
       </Container>
       <Container maxW="6xl" display={"flex"} justifyContent={"end"} mb={6}>
-        <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#4023A6" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
+        <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#230A79" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
           display={'flex'} gap={2} alignItems={'center'} rounded={'sm'} size={"sm"} isLoading={isLoadingURL} onClick={handleGenrateShortURL}>
           <MdContentCopy/> Copy short url
         </Button>
       </Container>
-      <Box>
+      {isLoading ? <FullScreenLoaader half={true}/>:<Box>
         {data?.data?.items?.length===0 || isLoading?<HStack h={'35vh'} justifyContent={"center"} mt={10}>
             <Image w={"40px"} src={Search}/>
             <Text as={"span"} color={"#787878"}>{"No records found"}</Text>
@@ -487,7 +488,7 @@ const SubnetInner = () => {
         currentPage={currentPage}
       />
         </Container>}
-      </Box>
+      </Box>}
     </Box>
   );
 };
diff --git a/src/pages/Transaction/TransactionDetails.jsx b/src/pages/Transaction/TransactionDetails.jsx
index 72adbd9..95461c3 100644
--- a/src/pages/Transaction/TransactionDetails.jsx
+++ b/src/pages/Transaction/TransactionDetails.jsx
@@ -148,7 +148,7 @@ const TransactionDetails = () => {
                 ? "Smart Contract Info"
                 : "Transaction Info"}
             </Heading>
-            <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#4023A6" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
+            <Button fontWeight={400} color={"#fff"} border={"none"} bg={colorMode === "light" ? "#230A79" : "#312F35"} _hover={{bg: colorMode === "light" ? "#4023A6" : "#312F35"}} _focus={{outline:"none"}}
               display={'flex'} gap={2} alignItems={'center'} rounded={'sm'} size={"sm"} isLoading={isLoadingURL} onClick={handleGenrateShortURL}>
               <MdContentCopy/> Copy short url
             </Button>