chore: updating pool tooltip (#4756)

* chore: updating pool tooltip

* updating to bodySmall

src/nft/components/collection/Card.tsx

@@ -12,7 +12,7 @@ import {
   RarityVerifiedIcon,
   SuspiciousIcon20,
 } from 'nft/components/icons'
-import { body, subheadSmall } from 'nft/css/common.css'
+import { body, bodySmall, subheadSmall } from 'nft/css/common.css'
 import { themeVars } from 'nft/css/sprinkles.css'
 import { useIsMobile } from 'nft/hooks'
 import { GenieAsset, Rarity, UniformHeight, UniformHeights } from 'nft/types'
@@ -551,7 +551,7 @@ const Ranking = ({ rarity, provider, rarityVerified, rarityLogo }: RankingProps)
           <Box display="flex" marginRight="4">
             <img src={rarityLogo} alt="cardLogo" width={16} />
           </Box>
-          <Box width="full" fontSize="14">
+          <Box width="full" className={bodySmall}>
             {rarityVerified
               ? `Verified by ${asset.collectionName}`
               : `Ranking by ${rarity.primaryProvider === 'Genie' ? fallbackProvider : rarity.primaryProvider}`}
@@ -577,7 +577,7 @@ const Suspicious = () => {
   return (
     <MouseoverTooltip
       text={
-        <Box fontSize="14">
+        <Box className={bodySmall}>
           Reported for suspicious activity
           <br />
           on Opensea
@@ -595,7 +595,11 @@ const Suspicious = () => {
 const Pool = () => {
   return (
     <MouseoverTooltip
-      text={<Box fontSize="14">This item is part of an NFT liquidity pool. Price increases as supply decreases.</Box>}
+      text={
+        <Box className={bodySmall}>
+          This NFT is part of a liquidity pool. Buying this will increase the price of the remaining pooled NFTs.
+        </Box>
+      }
       placement="top"
     >
       <Box display="flex" flexShrink="0" marginLeft="4" color="textSecondary">