From f6b7ca3a7eea6808b73024ac98f9d53c5d7a863b Mon Sep 17 00:00:00 2001
From: Felicio Mununga <felicio@users.noreply.github.com>
Date: Fri, 15 Dec 2023 14:23:46 +0100
Subject: [PATCH] fix toast icon color (#516)

* fix toast icon color

* Create real-days-exist.md
---
 .changeset/real-days-exist.md           | 5 +++++
 packages/components/src/toast/toast.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/real-days-exist.md

diff --git a/.changeset/real-days-exist.md b/.changeset/real-days-exist.md
new file mode 100644
index 00000000..9e2e4500
--- /dev/null
+++ b/.changeset/real-days-exist.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix toast icon color
diff --git a/packages/components/src/toast/toast.tsx b/packages/components/src/toast/toast.tsx
index dded10d1..dd0c6058 100644
--- a/packages/components/src/toast/toast.tsx
+++ b/packages/components/src/toast/toast.tsx
@@ -26,7 +26,7 @@ const Toast = (props: Props) => {
 
   const renderIcon = () => {
     if (!props.type) {
-      return cloneElement(props.icon, { color: '$white-70' })
+      return cloneElement(props.icon, { color: '$white/70' })
     }
 
     if (props.type === 'positive') {