Updating icon color (#14835)

ui/components/app/collectibles-items/collectibles-items.js

@@ -168,7 +168,11 @@ export default function CollectiblesItems({
               </Typography>
             </Box>
             <Box alignItems={ALIGN_ITEMS.FLEX_END}>
-              <i className={`fa fa-chevron-${isExpanded ? 'down' : 'right'}`} />
+              <i
+                className={`collectibles-items__collection__icon-chevron fa fa-chevron-${
+                  isExpanded ? 'down' : 'right'
+                }`}
+              />
             </Box>
           </Box>
         </button>

ui/components/app/collectibles-items/index.scss

@@ -47,5 +47,9 @@
       height: 100%;
       cursor: pointer;
     }
+
+    &__icon-chevron {
+      color: var(--color-icon-default);
+    }
   }
 }