diff --git a/.changeset/slow-doors-look.md b/.changeset/slow-doors-look.md
new file mode 100644
index 00000000..f9cfb019
--- /dev/null
+++ b/.changeset/slow-doors-look.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix the color of the icon in IconButton
diff --git a/packages/components/src/icon-button/icon-button.tsx b/packages/components/src/icon-button/icon-button.tsx
index ba88a9d1..7dd40d1d 100644
--- a/packages/components/src/icon-button/icon-button.tsx
+++ b/packages/components/src/icon-button/icon-button.tsx
@@ -50,7 +50,7 @@ const IconButton = (props: Props, ref: Ref<View>) => {
       activeBlur={blur ? (selected ? variant : undefined) : undefined}
     >
       {cloneElement(icon, {
-        color,
+        color: icon.props.color ?? color,
         size: 20,
       })}
     </Base>