diff --git a/apps/mobile/src/components/IconButton.tsx b/apps/mobile/src/components/IconButton.tsx
index f1f419c..58e1751 100644
--- a/apps/mobile/src/components/IconButton.tsx
+++ b/apps/mobile/src/components/IconButton.tsx
@@ -21,11 +21,16 @@ export const IconButton = ({
   style,
   ...props
 }: IconButtonProps) => {
-  const { styles } = useStyles(stylesheet, { rounded });
+  const { styles, theme } = useStyles(stylesheet, { rounded });
+
+  const themedIconProps = {
+    ...iconProps,
+    color: iconProps.color || theme.colors.typography.$5,
+  };
 
   return (
     <Pressable style={[styles.root, style as StyleProp<ViewStyle>]} {...props}>
-      <Octicons {...iconProps} />
+      <Octicons {...themedIconProps} />
     </Pressable>
   );
 };
diff --git a/apps/mobile/src/features/CatCard/DeleteButton.tsx b/apps/mobile/src/features/CatCard/DeleteButton.tsx
index add8bd0..54c2867 100644
--- a/apps/mobile/src/features/CatCard/DeleteButton.tsx
+++ b/apps/mobile/src/features/CatCard/DeleteButton.tsx
@@ -24,7 +24,7 @@ export const DeleteButton = ({ item }: CardProps) => {
     <IconButton
       rounded
       disabled={isLoading}
-      iconProps={{ name: 'trash', size: 24, color: 'black' }}
+      iconProps={{ name: 'trash', size: 24 }}
       onPress={handleDelete}
     />
   );