From 507cd63095a51a15629de890f383592c1326b3c5 Mon Sep 17 00:00:00 2001
From: iepn <su.n@jiangxue.team>
Date: Sun, 24 Mar 2024 09:47:33 +0800
Subject: [PATCH] style: del of no avail code

---
 .../Staking/StakingConsiderations/index.tsx   | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/Staking/StakingConsiderations/index.tsx b/src/components/Staking/StakingConsiderations/index.tsx
index 79c7afe1ccb..211c2cff026 100644
--- a/src/components/Staking/StakingConsiderations/index.tsx
+++ b/src/components/Staking/StakingConsiderations/index.tsx
@@ -75,15 +75,12 @@ const StakingConsiderations = ({ page }: StakingConsiderationsProps) => {
     pageData,
     activeIndex,
   } = useStakingConsiderations({ page })
-  
+
   const activeStyles = {
-    bg: "var(--eth-colors-offBackground)",
-    color: "var(--eth-colors-chakra-body-text)",
+    bg: "background.highlight",
+    color: "body.base",
     fontWeight: "bold",
-    display: "table",
-    width: "100%",
-    transition: 'font-weight 0.3s ease, color 0.3s ease'
-  };
+  }
 
   return (
     <Flex flexDir={{ base: "column", md: "row" }}>
@@ -96,19 +93,20 @@ const StakingConsiderations = ({ page }: StakingConsiderationsProps) => {
             {pageData.map(({ title, matomo }, idx) => (
               <ListItem
                 key={idx}
-                sx={{ display: 'table' ,width: '100%'}}
                 onClick={(e) => {
                   handleSelection(idx)
                   trackCustomEvent(matomo)
                 }}
                 py={1}
-                px={2}
                 cursor="pointer"
+                sx={{ display: "table", width: "100%" }}
                 h={8}
-                p={["var(--eth-space-2)", "var(--eth-space-2)"]}
+                p="2"
                 _hover={activeStyles}
                 position="relative"
-                {...(idx === activeIndex ? activeStyles : { color: "primary.base" })}
+                {...(idx === activeIndex
+                  ? activeStyles
+                  : { color: "primary.base" })}
               >
                 {title}
               </ListItem>