diff --git a/src/components/BasicRow/BasicRowWithContact.tsx b/src/components/BasicRow/BasicRowWithContact.tsx
index b96413e0b..29e900f4d 100644
--- a/src/components/BasicRow/BasicRowWithContact.tsx
+++ b/src/components/BasicRow/BasicRowWithContact.tsx
@@ -1,6 +1,5 @@
 import { BasicRow, BasicRowProps } from 'components/BasicRow/index'
 import { Contact } from 'shared/types'
-import { sharedColors } from 'shared/constants'
 
 import UserIcon from '../icons/UserIcon'
 
@@ -16,12 +15,7 @@ export const BasicRowWithContact = ({
     {...props}
     avatar={{
       name: contact?.name,
-      icon: contact ? undefined : (
-        <UserIcon
-          backgroundColor={sharedColors.background.secondary}
-          color={sharedColors.text.label}
-        />
-      ),
+      icon: contact ? undefined : <UserIcon />,
     }}
   />
 )
diff --git a/src/components/icons/UserIcon.tsx b/src/components/icons/UserIcon.tsx
index 73becbbd1..d89c862af 100644
--- a/src/components/icons/UserIcon.tsx
+++ b/src/components/icons/UserIcon.tsx
@@ -1,5 +1,7 @@
 import Svg, { Path, Rect, SvgProps } from 'react-native-svg'
 
+import { sharedColors } from 'shared/constants'
+
 interface Props extends SvgProps {
   color?: string
   backgroundColor?: string
@@ -8,8 +10,8 @@ interface Props extends SvgProps {
 export const UserIcon = ({
   width = 44,
   height = 46,
-  color = '#B8B8B8',
-  backgroundColor = '#252525',
+  color = sharedColors.text.label,
+  backgroundColor = sharedColors.background.secondary,
   ...props
 }: Props) => (
   <Svg width={width} height={height} viewBox="0 0 32 33" {...props}>