From 161e3e41f62ec140af0865604ef29dbdfd62ede1 Mon Sep 17 00:00:00 2001
From: "Siddhesh.More" <siddhesh.more@wdimails.com>
Date: Tue, 15 Oct 2024 17:18:10 +0530
Subject: [PATCH] update

---
 .../LatestTransactions/LatestTransactions.jsx       | 13 ++++++++++---
 1 file changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/LatestTransactions/LatestTransactions.jsx b/src/components/LatestTransactions/LatestTransactions.jsx
index e06db9f..864f707 100644
--- a/src/components/LatestTransactions/LatestTransactions.jsx
+++ b/src/components/LatestTransactions/LatestTransactions.jsx
@@ -45,7 +45,7 @@ const LatestTransactions = () => {
     <Box>
       <Container maxW="6xl">
         <Grid
-          templateColumns={{ basee: "10% 90%", md: "100% 0%" }}
+          templateColumns={{ base: "100% 0%", md: "90% 10%" }}
           gap={0}
           bg={colorMode === "light" ? "#230A79" : "#232127"}
           // bg={"#232127"}
@@ -75,7 +75,7 @@ const LatestTransactions = () => {
                   : "#232127"
               }
               key={transaction.id}
-              templateColumns={{ basee: "10% 90%", md: "100% 0%" }}
+              templateColumns={{ base: "100% 0%", md: "10% 90%" }}
               gap={0}
             >
               <GridItem
@@ -85,7 +85,7 @@ const LatestTransactions = () => {
               >
                 {index + 1}.
               </GridItem>
-              <GridItem overflow={"hidden"} p={4}>
+              <GridItem  p={4}>
                 {/* <Box> */}
                 <Text // This ensures the text is truncated with ellipsis when it overflows
                   display={"flex"}
@@ -127,9 +127,13 @@ const LatestTransactions = () => {
                   <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>
                     Sender:
                   </Text>
+
+
                   <HStack
                     color={colorMode === "light" ? "#230A79" : "#B09AFF"}
                     textDecoration={"underline"}
+                    w={'100%'}
+                    justifyContent={'space-between'}
                   >
                     <Text
                       cursor={"pointer"} 
@@ -158,6 +162,9 @@ const LatestTransactions = () => {
                       />
                     </Text>
                   </HStack>
+
+
+
                 </HStack>
                 <HStack cursor={"pointer"} fontSize={"sm"} gap={4} mb={3}>
                   <Text color={colorMode === "light" ? "#0F0F0F" : "#E8E8E8"}>