From 8da0a6c25b48efc13a87199dcf083c085b01a06e Mon Sep 17 00:00:00 2001
From: Arnaud <arnaud@status.im>
Date: Thu, 28 Nov 2024 16:00:48 +0100
Subject: [PATCH] Fix minor style issue

---
 src/components/Modal/modal.css | 1 +
 src/components/Toast/toast.css | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/Modal/modal.css b/src/components/Modal/modal.css
index de4e38d..fde91c3 100644
--- a/src/components/Modal/modal.css
+++ b/src/components/Modal/modal.css
@@ -45,6 +45,7 @@
 
       svg {
         min-width: 20px;
+        color: white;
       }
 
       h6 {
diff --git a/src/components/Toast/toast.css b/src/components/Toast/toast.css
index f594842..d6ba1be 100644
--- a/src/components/Toast/toast.css
+++ b/src/components/Toast/toast.css
@@ -6,7 +6,7 @@
 
 @property --codex-toast-color {
   syntax: "<color>";
-  inherits: false;
+  inherits: true;
   initial-value: rgb(111, 203, 148);
 }
 
@@ -31,6 +31,12 @@
   max-width: 450px;
   margin: auto;
 
+  @media screen and (max-width: 800px) {
+    & {
+      max-width: 300px;
+    }
+  }
+
   &[aria-hidden] {
     top: -1000px;
   }