From c1529ea9831cd4d44c5f4be2bec103e5957c2c9b Mon Sep 17 00:00:00 2001
From: bsourisse <dev@r4ven.fr>
Date: Mon, 16 Jan 2023 18:30:19 +0100
Subject: [PATCH] ui: improve design on password inputs

---
 .../PasswordSettings/PasswordSettings.js      | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/Containers/UserSettings/PasswordSettings/PasswordSettings.js b/Containers/UserSettings/PasswordSettings/PasswordSettings.js
index 4eeb732..5e14f91 100644
--- a/Containers/UserSettings/PasswordSettings/PasswordSettings.js
+++ b/Containers/UserSettings/PasswordSettings/PasswordSettings.js
@@ -85,19 +85,21 @@ export default function PasswordSettings(props) {
                             className={classes.bwForm}
                         >
                             {error && <Error message={error} />}
-                            <input
-                                type='password'
-                                placeholder='Actual password'
-                                {...register('oldPassword', {
-                                    required: true,
-                                })}
-                            />
-                            {errors.oldPassword &&
-                                errors.oldPassword.type === 'required' && (
-                                    <small className={classes.errorMessage}>
-                                        This field is required.
-                                    </small>
-                                )}
+                            <p>
+                                <input
+                                    type='password'
+                                    placeholder='Actual password'
+                                    {...register('oldPassword', {
+                                        required: true,
+                                    })}
+                                />
+                                {errors.oldPassword &&
+                                    errors.oldPassword.type === 'required' && (
+                                        <small className={classes.errorMessage}>
+                                            This field is required.
+                                        </small>
+                                    )}
+                            </p>
                             <p>
                                 <input
                                     type='password'