From 52b9c32e65d1b915a769dad37c84ab38daa2b8b0 Mon Sep 17 00:00:00 2001
From: Shahzaib <shahzaib@deriv.com>
Date: Fri, 15 Dec 2023 12:46:23 +0800
Subject: [PATCH] fix: verify button alignment in POI accounts screen (#12259)

---
 .../poi/idv-status/idv-failed/idv-failed.tsx  | 24 ++++++++++++-------
 .../_common/components/account-common.scss    | 22 ++++++++++++-----
 2 files changed, 31 insertions(+), 15 deletions(-)

diff --git a/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx b/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx
index abcc5e10c9a5..a1dc74bd0231 100644
--- a/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx
+++ b/packages/account/src/Components/poi/idv-status/idv-failed/idv-failed.tsx
@@ -334,15 +334,21 @@ const IdvFailed = ({
                         />
                         <DesktopWrapper>
                             {!is_from_external && (
-                                <Button
-                                    className='proof-of-identity__submit-button'
-                                    type='submit'
-                                    has_effect
-                                    is_disabled={!dirty || isSubmitting || !isValid}
-                                    text={is_document_upload_required ? localize('Verify') : localize('Update profile')}
-                                    large
-                                    primary
-                                />
+                                <div className='proof-of-identity__actions'>
+                                    <Button
+                                        className='proof-of-identity__submit-button'
+                                        type='submit'
+                                        has_effect
+                                        is_disabled={!dirty || isSubmitting || !isValid}
+                                        text={
+                                            is_document_upload_required
+                                                ? localize('Verify')
+                                                : localize('Update profile')
+                                        }
+                                        large
+                                        primary
+                                    />
+                                </div>
                             )}
                         </DesktopWrapper>
                     </FormBody>
diff --git a/packages/core/src/sass/app/_common/components/account-common.scss b/packages/core/src/sass/app/_common/components/account-common.scss
index b80c13dd8fa7..12e76c449c42 100644
--- a/packages/core/src/sass/app/_common/components/account-common.scss
+++ b/packages/core/src/sass/app/_common/components/account-common.scss
@@ -894,14 +894,24 @@
             }
         }
 
-        .proof-of-identity__submit-button {
-            @include desktop {
-                margin-top: 3.2rem;
-                margin-left: auto;
+        .proof-of-identity {
+            &__actions {
+                @include desktop {
+                    display: flex;
+                    justify-content: flex-end;
+                    align-items: flex-end;
+                }
             }
 
-            @include mobile {
-                margin-inline: 2.4rem;
+            &__submit-button {
+                @include desktop {
+                    margin-top: 3.2rem;
+                    margin-left: auto;
+                }
+
+                @include mobile {
+                    margin-inline: 2.4rem;
+                }
             }
         }