diff --git a/res/css/views/settings/_KeyBackupPanel.scss b/res/css/views/settings/_KeyBackupPanel.scss
index 1bcc0ab10d..4c4190c604 100644
--- a/res/css/views/settings/_KeyBackupPanel.scss
+++ b/res/css/views/settings/_KeyBackupPanel.scss
@@ -30,3 +30,7 @@ limitations under the License.
 .mx_KeyBackupPanel_deviceName {
     font-style: italic;
 }
+
+.mx_KeyBackupPanel_buttonRow {
+    margin: 1em 0;
+}
diff --git a/src/components/views/settings/KeyBackupPanel.js b/src/components/views/settings/KeyBackupPanel.js
index 3d00695e73..67d2d32d50 100644
--- a/src/components/views/settings/KeyBackupPanel.js
+++ b/src/components/views/settings/KeyBackupPanel.js
@@ -288,14 +288,14 @@ export default class KeyBackupPanel extends React.PureComponent {
                     <div>{backupSigStatuses}</div>
                     <div>{trustedLocally}</div>
                 </details>
-                <p>
+                <div className="mx_KeyBackupPanel_buttonRow">
                     <AccessibleButton kind="primary" onClick={this._restoreBackup}>
                         {restoreButtonCaption}
                     </AccessibleButton>&nbsp;&nbsp;&nbsp;
                     <AccessibleButton kind="danger" onClick={this._deleteBackup}>
                         { _t("Delete Backup") }
                     </AccessibleButton>
-                </p>
+                </div>
             </div>;
         } else {
             return <div>