From 1a170925553801f3ee808d51b3d6a63a622318d0 Mon Sep 17 00:00:00 2001
From: Jakub Kotula <520927+jkbktl@users.noreply.github.com>
Date: Thu, 23 May 2024 10:38:26 +0200
Subject: [PATCH] fix the color of the icon in IconButton (#565)

* f

* Create slow-doors-look.md
---
 .changeset/slow-doors-look.md                       | 5 +++++
 packages/components/src/icon-button/icon-button.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/slow-doors-look.md

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>