diff --git a/theme/bootstrapbase/less/moodle/backup-restore.less b/theme/bootstrapbase/less/moodle/backup-restore.less
index de1da93a5fb..43ea07172c6 100644
--- a/theme/bootstrapbase/less/moodle/backup-restore.less
+++ b/theme/bootstrapbase/less/moodle/backup-restore.less
@@ -234,3 +234,15 @@
     height: 300px;
     overflow-y: scroll;
 }
+
+@media (max-width: 768px) {
+    .backup-restore .backup-section.settings-section .detail-pair {
+        width: 100%;
+    }
+}
+
+@media (max-width: 900px) {
+    .backup-restore .backup-section.settings-section .detail-pair-label {
+        width: 50%;
+    }
+}
diff --git a/theme/bootstrapbase/style/moodle.css b/theme/bootstrapbase/style/moodle.css
index 0c97cf1b646..55ea201cdb2 100644
--- a/theme/bootstrapbase/style/moodle.css
+++ b/theme/bootstrapbase/style/moodle.css
@@ -18384,6 +18384,16 @@ div#dock {
   height: 300px;
   overflow-y: scroll;
 }
+@media (max-width: 768px) {
+  .backup-restore .backup-section.settings-section .detail-pair {
+    width: 100%;
+  }
+}
+@media (max-width: 900px) {
+  .backup-restore .backup-section.settings-section .detail-pair-label {
+    width: 50%;
+  }
+}
 table.flexible,
 .generaltable {
   width: 100%;