fix icons (again...)

packages/components/src/accordion/accordion.tsx

@@ -1,6 +1,6 @@
 import React from 'react'
 
-import { ChevronDown } from '@status-im/icons/20'
+import { ChevronRight } from '@status-im/icons/20'
 import { Stack } from '@tamagui/core'
 import { AnimatePresence } from 'tamagui'
 
@@ -58,7 +58,7 @@ const Accordion = ({
                   },
                 ]}
               >
-                <ChevronDown color="$neutral-50" />
+                <ChevronRight color="$neutral-50" />
               </Stack>
               <Paragraph
                 marginLeft={4}

packages/components/src/icon-button/icon-button.tsx

@@ -1,3 +1,5 @@
+import { cloneElement } from 'react'
+
 import { Stack, styled, Text } from '@tamagui/core'
 
 // import { Pressable } from 'react-native'
@@ -86,7 +88,7 @@ const IconButton = (props: Props) => {
   return (
     <Base selected={selected} onPress={onPress} noBackground={noBackground}>
       <Icon selected={selected} pointerEvents="none">
-        {icon}
+        {cloneElement(icon, { color: '$neutral-50' })}
       </Icon>
     </Base>
   )