From e20d7fb0f165ce5bb2eb7db9d7a3dda35c54246d Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Wed, 21 Jun 2023 03:20:50 -0700
Subject: [PATCH] Fix Alert at small sizes

---
 components/common/Alert/index.scss | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/components/common/Alert/index.scss b/components/common/Alert/index.scss
index 536edae8..c357e253 100644
--- a/components/common/Alert/index.scss
+++ b/components/common/Alert/index.scss
@@ -22,9 +22,14 @@
   max-width: 30vw;
   padding: $unit * 4;
 
+  @include breakpoint(tablet) {
+    max-width: inherit;
+    max-width: 60vw;
+  }
+
   @include breakpoint(phone) {
     max-width: inherit;
-    width: 60vw;
+    width: 70vw;
   }
 
   .description {
@@ -41,5 +46,15 @@
     display: flex;
     align-self: flex-end;
     gap: $unit;
+
+    @include breakpoint(phone) {
+      flex-direction: column-reverse;
+      align-self: center;
+      width: 100%;
+
+      .Button {
+        width: 100%;
+      }
+    }
   }
 }