From f3301537e52489d2ccb43685d3e3af5dfb095af9 Mon Sep 17 00:00:00 2001
From: Cameron M <12107773+cadomac@users.noreply.github.com>
Date: Tue, 8 Oct 2024 20:00:45 -0500
Subject: [PATCH 1/2] Fix Toast message supporting longer messages

The current Toast message does not support longer messages and will push the dismiss button out of the container and overflow. This sets the content to handle this automatically and wrap text content.
---
 src/components/Toast/Toast.module.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Toast/Toast.module.css b/src/components/Toast/Toast.module.css
index 445b0b8b1..eee653d8a 100644
--- a/src/components/Toast/Toast.module.css
+++ b/src/components/Toast/Toast.module.css
@@ -16,6 +16,7 @@
   flex: 1;
   padding: 12px 0px;
   font-weight: 600;
+  overflow: auto;
 }
 
 .iconContainer {

From 341e280e64f71ad660e021cd56b49de666e1e4fc Mon Sep 17 00:00:00 2001
From: Cameron M <12107773+cadomac@users.noreply.github.com>
Date: Wed, 9 Oct 2024 16:31:44 -0500
Subject: [PATCH 2/2] Update Toast.module.css

Set padding to handle correct height
Set alignment to flex-start to keep items towards top of Toast on longer messages
---
 src/components/Toast/Toast.module.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Toast/Toast.module.css b/src/components/Toast/Toast.module.css
index eee653d8a..4dab3571a 100644
--- a/src/components/Toast/Toast.module.css
+++ b/src/components/Toast/Toast.module.css
@@ -1,7 +1,7 @@
 .toast {
   position: relative;
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   gap: 16px;
   border-radius: 16px;
   color: black;
@@ -14,7 +14,7 @@
 
 .content {
   flex: 1;
-  padding: 12px 0px;
+  padding: 14px 0px;
   font-weight: 600;
   overflow: auto;
 }