fix: fixes show more / show less (#5000)

* fixes font

* oops merge again

src/nft/components/collection/CollectionStats.css.ts

 import { style } from '@vanilla-extract/css'
-import { bodySmall, headlineSmall } from 'nft/css/common.css'
+import { bodySmall, buttonTextSmall, headlineSmall } from 'nft/css/common.css'
 import { loadingAsset, loadingBlock } from 'nft/css/loading.css'
 
 import { breakpoints, sprinkles } from '../../css/sprinkles.css'
@@ -85,11 +85,11 @@ export const readMore = style([
     verticalAlign: 'top',
     lineHeight: '20px',
   },
+  buttonTextSmall,
   sprinkles({
-    color: 'blue400',
+    color: 'textSecondary',
     cursor: 'pointer',
     marginLeft: '4',
-    fontSize: '14',
   }),
 ])
 

src/nft/components/collection/CollectionStats.tsx

@@ -232,7 +232,7 @@ const CollectionDescription = ({ description }: { description: string }) => {
         />
       </Box>
       <Box as="span" display={showReadMore ? 'inline' : 'none'} className={styles.readMore} onClick={toggleReadMore}>
-        Show {readMore ? 'less' : 'more'}
+        show {readMore ? 'less' : 'more'}
       </Box>
     </Box>
   )