diff --git a/src/Pages/OptiFiiExpense/WalletProgram.jsx b/src/Pages/OptiFiiExpense/WalletProgram.jsx
index 82d40fb..f2f3755 100644
--- a/src/Pages/OptiFiiExpense/WalletProgram.jsx
+++ b/src/Pages/OptiFiiExpense/WalletProgram.jsx
@@ -288,9 +288,10 @@ const WalletProgram = () => {
                 fontWeight={600}
                 fontSize="small"
                 color="#3725EA"
+                onClick={() => setShowGird(!showGrid)}
                 leftIcon={<CiBoxList color="#3725EA" fontSize={"15px"} />}
               >
-                List
+                {showGrid && "List"}
               </Button>
 
               <Button
@@ -302,6 +303,7 @@ const WalletProgram = () => {
                 onClick={() => setShowGird(!showGrid)}
               >
                 <BsFillGridFill color="#3725EA" fontSize={"15px"} />{" "}
+                {!showGrid && "Gird"}
               </Button>
             </Box>
           </HStack>