diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx
index c1c1d988..8ce9c2e2 100644
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@@ -1,9 +1,10 @@
 import { Image } from 'tamagui'
 
-type IconProps = {
+export type IconProps = {
   source: string
   width?: number
   height?: number
+  style?: unknown
 }
 
 const Icon = ({ source, width = 16, height = 16, ...props }: IconProps) => {
diff --git a/src/components/IconText.jsx b/src/components/IconText.tsx
similarity index 64%
rename from src/components/IconText.jsx
rename to src/components/IconText.tsx
index 72332c8d..aeb98825 100644
--- a/src/components/IconText.jsx
+++ b/src/components/IconText.tsx
@@ -1,7 +1,12 @@
 import { Paragraph, XStack } from 'tamagui'
-import { Icon } from '../Icon/Icon'
+import Icon from './Icon'
 
-const IconText = ({ icon, text, ...props }) => {
+type IconTextProps = {
+  icon: string
+  children: string
+}
+
+const IconText = ({ icon, children, ...props }: IconTextProps) => {
   return (
     <XStack
       style={{
@@ -11,7 +16,7 @@ const IconText = ({ icon, text, ...props }) => {
     >
       <Icon source={icon} width={16} height={16} />
       <Paragraph {...props} color={'#000000'}>
-        {text}
+        {children}
       </Paragraph>
     </XStack>
   )