From 9dea84892720c760dfd1d241d633b87a2c87a6ab Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Tue, 19 Nov 2019 16:28:49 +0000
Subject: [PATCH] Use div around buttons to fix React warning

---
 res/css/views/settings/_KeyBackupPanel.scss     | 4 ++++
 src/components/views/settings/KeyBackupPanel.js | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

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>