From 085ff1464895b7f0f2520c7334b97705fd0c5fcf Mon Sep 17 00:00:00 2001
From: Rafael Goncalves <rafaelgoncalves@riseup.net>
Date: Tue, 19 Oct 2021 18:16:24 -0300
Subject: [PATCH 1/2] Use Field component in passphrase input

Signed-off-by: Rafael Goncalves <rafaelgoncalves@riseup.net>
---
 .../views/dialogs/security/AccessSecretStorageDialog.tsx  | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
index 5715e504d4e..13603bb3c1f 100644
--- a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
+++ b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
@@ -346,15 +346,15 @@ export default class AccessSecretStorageDialog extends React.PureComponent<IProp
                 ) }</p>
 
                 <form className="mx_AccessSecretStorageDialog_primaryContainer" onSubmit={this.onPassPhraseNext}>
-                    <input
-                        type="password"
+                    <Field
                         id="mx_passPhraseInput"
                         className="mx_AccessSecretStorageDialog_passPhraseInput"
-                        onChange={this.onPassPhraseChange}
+                        type="password"
+                        label={_t("Security Phrase")}
                         value={this.state.passPhrase}
+                        onChange={this.onPassPhraseChange}
                         autoFocus={true}
                         autoComplete="new-password"
-                        placeholder={_t("Security Phrase")}
                     />
                     { keyStatus }
                     <DialogButtons

From f220cd2618d51816ea72133b3bd078e56c1aa5c6 Mon Sep 17 00:00:00 2001
From: Rafael Goncalves <rafaelgoncalves@riseup.net>
Date: Tue, 19 Oct 2021 18:16:54 -0300
Subject: [PATCH 2/2] Remove extra padding

Signed-off-by: Rafael Goncalves <rafaelgoncalves@riseup.net>
---
 res/css/views/dialogs/security/_AccessSecretStorageDialog.scss | 1 -
 1 file changed, 1 deletion(-)

diff --git a/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss b/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
index 98edbf8ad88..b239b7356b9 100644
--- a/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
+++ b/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
@@ -70,7 +70,6 @@ limitations under the License.
     width: 300px;
     border: 1px solid $accent-color;
     border-radius: 5px;
-    padding: 10px;
 }
 
 .mx_AccessSecretStorageDialog_recoveryKeyEntry {