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;