Merge pull request #12779 from Dharmik79/bug-poor-tooltip-position

update the position of the tooltip and set it near the label text
ethereum · Jun 25, 2024 · 0afcac4 · 0afcac4
2 parents 3815d66 + 9c66b9a
commit 0afcac4
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/src/components/FindWallet/WalletTable/WalletMoreInfoCategory.tsx b/src/components/FindWallet/WalletTable/WalletMoreInfoCategory.tsx
@@ -88,19 +88,19 @@ export const WalletMoreInfoCategory = ({
 
                 <Text px={1} lineHeight={1}>
                   {feature.label}
+                  <Tooltip
+                    content={
+                      <Text color="body.base !important">
+                        {t(walletFilterData[feature.filterKey].description)}
+                      </Text>
+                    }
+                  >
+                    <Box as="span" whiteSpace="nowrap">
+                      &nbsp;
+                      <Icon as={MdInfoOutline} color={featureColor} />
+                    </Box>
+                  </Tooltip>
                 </Text>
-
-                <Tooltip
-                  content={
-                    <Text color="body.base !important">
-                      {t(walletFilterData[feature.filterKey].description)}
-                    </Text>
-                  }
-                >
-                  <Box as="span">
-                    <Icon as={MdInfoOutline} color={featureColor} />
-                  </Box>
-                </Tooltip>
               </ListItem>
             )
         })}