update

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"}>