Update copies

src/components/RecoveryKeyModal.tsx

@@ -45,7 +45,9 @@ function RecoveryKeyModal(props: Props) {
                 },
             }}
         >
-            {constants.PASSPHRASE_DISCLAIMER()}
+            <p>
+                {constants.RECOVERY_KEY_DESCRIPTION}
+            </p>
             <div
                 style={{
                     display: 'flex',
@@ -63,7 +65,7 @@ function RecoveryKeyModal(props: Props) {
                         style={{
                             wordWrap: 'break-word',
                             overflowWrap: 'break-word',
-                            minWidth: '40%',
+                            minWidth: '30%',
                         }}
                     >
                         {recoveryKey}
@@ -72,7 +74,9 @@ function RecoveryKeyModal(props: Props) {
                     <Spinner animation="border" />
                 )}
             </div>
-            {constants.KEY_NOT_STORED_DISCLAIMER()}
+            <p>
+                {constants.KEY_NOT_STORED_DISCLAIMER}
+            </p>
         </MessageDialog>
     );
 }

src/utils/strings/englishConstants.tsx

@@ -165,12 +165,8 @@ const englishConstants = {
     DOWNLOAD_RECOVERY_KEY: 'recovery key',
     SAVE_LATER: 'save later',
     SAVE: 'save',
-    KEY_NOT_STORED_DISCLAIMER: () => (
-        <>
-            <p>we don't store this key</p>
-            <p>so please save this key in a safe place</p>
-        </>
-    ),
+    RECOVERY_KEY_DESCRIPTION: 'if you forget your password, the only way you can recover your data is with this key',
+    KEY_NOT_STORED_DISCLAIMER: 'we don\'t store this key, so please save this in a safe place',
     RECOVERY_KEY_FILENAME: 'ente-recovery-key.txt',
     FORGOT_PASSWORD: 'forgot password?',
     RECOVER_ACCOUNT: 'recover account',