fix: icon-ADA-too-thin-and-remove-ADA-after-live-stake( MET-1413) (#1620

) Co-authored-by: huy.nguyen <[email protected]>
cardano-foundation · Aug 8, 2023 · 2d193f6 · 2d193f6
1 parent be59ba5
commit 2d193f6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/src/components/Home/Statistic/index.tsx b/src/components/Home/Statistic/index.tsx
@@ -209,9 +209,7 @@ const HomeStatistic = () => {
                       src={LiveStakeIcon}
                       alt="Total ADA Stake"
                     />
-                    <Name data-testid="live-stake-box-title">
-                      Live Stake <StyledAdaLogoIcon />
-                    </Name>
+                    <Name data-testid="live-stake-box-title">Live Stake</Name>
                   </Box>
                 </Box>
                 <Box>
@@ -245,7 +243,9 @@ const HomeStatistic = () => {
                   </Box>
                   <Box fontSize={"12px"} color={({ palette }) => palette.secondary.light}>
                     <CustomTooltip title={"Of the max supply"}>
-                      <span>Circulating supply (ADA): </span>
+                      <span>
+                        Circulating supply <StyledAdaLogoIcon />:{" "}
+                      </span>
                     </CustomTooltip>
                     <CustomTooltip title={numberWithCommas(supply)}>
                       <span data-testid="circulating-supply-value">{formatADA(circulatingSupply.toString())}</span>

diff --git a/src/components/Home/Statistic/style.ts b/src/components/Home/Statistic/style.ts
@@ -165,5 +165,5 @@ export const WrapCardContent = styled(Box)`
 
 export const StyledAdaLogoIcon = styled(AdaLogoIcon)(({ theme }) => ({
   fontSize: 12,
-  color: theme.palette.text.secondary
+  color: theme.palette.secondary.main
 }));