From f65fb5bc2bd7f57a0468d77c5e204d1fa748aa35 Mon Sep 17 00:00:00 2001
From: lynn <41491154+lynnshaoyu@users.noreply.github.com>
Date: Tue, 25 Oct 2022 15:11:25 -0400
Subject: [PATCH] fix: fixes show more / show less (#5000)

* fixes font

* oops merge again
---
 src/nft/components/collection/CollectionStats.css.ts | 6 +++---
 src/nft/components/collection/CollectionStats.tsx    | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/nft/components/collection/CollectionStats.css.ts b/src/nft/components/collection/CollectionStats.css.ts
index 8a05fc1880..c89ca57962 100644
--- a/src/nft/components/collection/CollectionStats.css.ts
+++ b/src/nft/components/collection/CollectionStats.css.ts
@@ -1,5 +1,5 @@
 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',
   }),
 ])
 
diff --git a/src/nft/components/collection/CollectionStats.tsx b/src/nft/components/collection/CollectionStats.tsx
index bab17581f9..02353d51d3 100644
--- a/src/nft/components/collection/CollectionStats.tsx
+++ b/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>
   )