From d2315611655d99bfb25ce6e11676ff9c272c2c6c Mon Sep 17 00:00:00 2001
From: Dustin Nielsen <nielsen.dustin@gmail.com>
Date: Fri, 3 Nov 2023 16:02:01 -0600
Subject: [PATCH] fix(#1446): Changed maxwidth to only be applied to desktop

---
 .../src/components/modal/Modal.svelte         | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/libs/web-components/src/components/modal/Modal.svelte b/libs/web-components/src/components/modal/Modal.svelte
index 5cbe44741..badaa63c7 100644
--- a/libs/web-components/src/components/modal/Modal.svelte
+++ b/libs/web-components/src/components/modal/Modal.svelte
@@ -288,6 +288,16 @@
     .content :global(header.has-content) {
       margin-bottom: var(--goa-space-m);
     }
+
+    .modal-actions ::slotted(*) {
+      padding: var(--goa-space-l) 0 0;
+    }
+  }
+
+  @media (--desktop) {
+    .modal-pane {
+      max-width: var(--maxwidth);
+    }
   }
 
   .modal-pane {
@@ -304,15 +314,6 @@
     padding: var(--goa-space-xl) 0 0;
   }
 
-  @media (--mobile) {
-    .modal-pane {
-      max-width: var(--maxwidth);
-    }
-    .modal-actions ::slotted(*) {
-      padding: var(--goa-space-l) 0 0;
-    }
-  }
-
   .modal-content {
     margin: 0 -2rem;
     line-height: 1.75rem;