fix: passphrase modal layout

fairDataSociety · Sep 27, 2023 · 29b98fd · 29b98fd
1 parent 935a0e1
commit 29b98fd
Showing 1 changed file with 10 additions and 11 deletions.
diff --git a/src/components/Modals/PasswordModal/PasswordModal.tsx b/src/components/Modals/PasswordModal/PasswordModal.tsx
@@ -73,17 +73,6 @@ const PasswordModal: FC<PasswordModalProps> = ({
 
         <p className="text-sm mb-5">{intl.get('PASSPHRASE_EXPLANATION')}</p>
 
-        <div className="my-5">
-          <Disclosure
-            title={intl.get('READ_MORE')}
-            defaultOpen={!getMetamaskPassphraseExplanation()}
-          >
-            <p className="text-sm mb-5">
-              {intl.get('PASSPHRASE_EXPLANATION_2')}
-            </p>
-          </Disclosure>
-        </div>
-
         <div className="text-center">
           <Button
             type="submit"
@@ -93,6 +82,16 @@ const PasswordModal: FC<PasswordModalProps> = ({
             loading={loading}
           />
         </div>
+        <div className="mt-5">
+          <Disclosure
+            title={'How it works'}
+            defaultOpen={!getMetamaskPassphraseExplanation()}
+          >
+            <p className="text-sm mb-3">
+              {intl.get('PASSPHRASE_EXPLANATION_2')}
+            </p>
+          </Disclosure>
+        </div>
       </form>
 
       <div className="mt-4 text-center">