From 12ad01db5145c148ef6d4f5344bf3a52e4a54a12 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Rafael=20Gon=C3=A7alves?=
 <8217676+RafaelGoncalves8@users.noreply.github.com>
Date: Fri, 22 Oct 2021 11:50:11 -0300
Subject: [PATCH] Show passphrase input label (#6992)

---
 .../dialogs/security/_AccessSecretStorageDialog.scss      | 1 -
 .../views/dialogs/security/AccessSecretStorageDialog.tsx  | 8 ++++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss b/res/css/views/dialogs/security/_AccessSecretStorageDialog.scss
index 98edbf8ad8..b239b7356b 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 {
diff --git a/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx b/src/components/views/dialogs/security/AccessSecretStorageDialog.tsx
index 5715e504d4..13603bb3c1 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