diff --git a/core/misc/dialog.theme.css b/core/misc/dialog.theme.css
index 2480fea..837e49f 100644
--- a/core/misc/dialog.theme.css
+++ b/core/misc/dialog.theme.css
@@ -11,6 +11,11 @@
   border: solid 1px #ccc;
   padding: 0;
 }
+@media all and (max-width: 48em) { /* 768px */
+  .ui-dialog {
+    width: 92% !important;
+  }
+}
 .ui-dialog .ui-dialog-titlebar {
   font-weight: bold;
   background: #f3f4ee;
diff --git a/core/themes/seven/css/components/dialog.theme.css b/core/themes/seven/css/components/dialog.theme.css
index e134b2e..9bdd98f 100644
--- a/core/themes/seven/css/components/dialog.theme.css
+++ b/core/themes/seven/css/components/dialog.theme.css
@@ -10,6 +10,11 @@
   overflow: visible;
   padding: 0;
 }
+@media all and (max-width: 48em) { /* 768px */
+  .ui-dialog {
+    width: 92% !important;
+  }
+}
 .ui-dialog .ui-dialog-titlebar {
   background: rgba(107,107,107,0.65);
   border-top-left-radius: 5px;