diff --git a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectibleCard.tsx b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectibleCard.tsx
index c7f36c20732a..f63db136becc 100644
--- a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectibleCard.tsx
+++ b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/CollectibleCard.tsx
@@ -21,6 +21,8 @@ const useStyles = makeStyles()((theme) => ({
         borderRadius: 4,
         position: 'relative',
         backgroundColor: theme.palette.background.paper,
+        width: 172,
+        height: 172,
     },
     icon: {
         top: theme.spacing(1),
@@ -72,10 +74,12 @@ export function CollectibleCard(props: CollectibleCardProps) {
     return (
         <>
             {loading ? (
-                <CircularProgress />
+                <Card className={classes.root}>
+                    <CircularProgress />
+                </Card>
             ) : (
                 <Link target="_blank" rel="noopener noreferrer" href={resolveCollectibleLink(chainId, provider, token)}>
-                    <Card className={classes.root} style={{ width: 172, height: 172 }}>
+                    <Card className={classes.root}>
                         {readonly || !wallet ? null : (
                             <ActionsBarNFT classes={{ more: classes.icon }} wallet={wallet} token={token} />
                         )}
diff --git a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/index.tsx b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/index.tsx
index 7c608ab268a8..3c5801889ba4 100644
--- a/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/index.tsx
+++ b/packages/mask/src/extension/options-page/DashboardComponents/CollectibleList/index.tsx
@@ -277,7 +277,8 @@ export function CollectionList({ address }: { address: string }) {
                             color="textPrimary"
                             variant="body2"
                             sx={{ fontSize: '16px' }}>
-                            {x.name}({counts[i]})
+                            {x.name}
+                            {counts[i] ? `(${counts[i]})` : null}
                         </Typography>
                     </Box>
                     <CollectibleListAddress