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;
   }