diff --git a/src/views/backups.html b/src/views/backups.html
index 62788e99d..962078ad4 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -1,30 +1,30 @@
 <!-- Modal details -->
 <div class="modal fade" id="backupDetailsModal" tabindex="-1" role="dialog">
-  <div class="modal-dialog">
+  <div class="modal-dialog" style="width: 750px">
     <div class="modal-content">
       <div class="modal-header">
         <h4 class="modal-title">{{ 'backups.backupDetails.title' | tr }}</h4>
       </div>
       <div class="modal-body">
         <div class="row">
-          <div class="col-xs-3 text-muted">{{ 'backups.backupDetails.id' | tr }}:</div>
-          <div class="col-xs-9 text-right">{{ backupDetails.backup.id }}</div>
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.id' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.id }}</div>
         </div>
         <div class="row">
-          <div class="col-xs-3 text-muted">{{ 'backups.backupEdit.label' | tr }}:</div>
-          <div class="col-xs-9 text-right">{{ backupDetails.backup.label }}</div>
+          <div class="col-xs-2 text-muted">{{ 'backups.backupEdit.label' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.label }}</div>
         </div>
         <div class="row">
-          <div class="col-xs-3 text-muted">{{ 'backups.backupDetails.date' | tr }}:</div>
-          <div class="col-xs-9 text-right">{{ backupDetails.backup.creationTime | prettyLongDate }}</div>
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.date' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.creationTime | prettyLongDate }}</div>
         </div>
         <div class="row">
-          <div class="col-xs-3 text-muted">{{ 'backups.backupDetails.version' | tr }}:</div>
-          <div class="col-xs-9 text-right">v{{ backupDetails.backup.packageVersion }}</div>
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.version' | tr }}:</div>
+          <div class="col-xs-10 text-right">v{{ backupDetails.backup.packageVersion }}</div>
         </div>
         <div class="row">
-          <div class="col-xs-3 text-muted">{{ 'backups.backupDetails.format' | tr }}:</div>
-          <div class="col-xs-9 text-right">{{ backupDetails.backup.format }}</div>
+          <div class="col-xs-2 text-muted">{{ 'backups.backupDetails.format' | tr }}:</div>
+          <div class="col-xs-10 text-right">{{ backupDetails.backup.format }}</div>
         </div>
         <br/>
         <p class="text-muted">{{ 'backups.backupDetails.list' | tr:{ appCount: backupDetails.backup.contents.length } }}:</p>