From 4e522287efb0569560f1b58fe25b2b72db68f312 Mon Sep 17 00:00:00 2001
From: tommasini <46944231+tommasini@users.noreply.github.com>
Date: Wed, 14 Jun 2023 22:56:35 +0100
Subject: [PATCH] feat: fix onBoarding wizard horizontal alignment on step1 and
 on browser step (#6577)

---
 app/components/UI/OnboardingWizard/Coachmark/index.js | 10 +++++++++-
 app/components/UI/OnboardingWizard/Step1/index.js     |  2 +-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/components/UI/OnboardingWizard/Coachmark/index.js b/app/components/UI/OnboardingWizard/Coachmark/index.js
index 6f44486b12d..afb104d6571 100644
--- a/app/components/UI/OnboardingWizard/Coachmark/index.js
+++ b/app/components/UI/OnboardingWizard/Coachmark/index.js
@@ -136,11 +136,17 @@ const createStyles = (colors) =>
       alignItems: 'flex-start',
       marginLeft: 60,
     },
+    bottomLeftCorner: {
+      marginBottom: 10,
+      top: -2,
+      alignItems: 'flex-start',
+      marginLeft: 30,
+    },
     bottomRight: {
       marginBottom: 10,
       top: -2,
       alignItems: 'flex-end',
-      marginRight: 30,
+      marginRight: 90,
     },
     circle: {
       width: 6,
@@ -217,6 +223,7 @@ export default class Coachmark extends PureComponent {
       false,
       'bottomCenter',
       'bottomLeft',
+      'bottomLeftCorner',
       'bottomRight',
     ]),
     /**
@@ -302,6 +309,7 @@ export default class Coachmark extends PureComponent {
     const positions = {
       bottomCenter: styles.bottomCenter,
       bottomLeft: styles.bottomLeft,
+      bottomLeftCorner: styles.bottomLeftCorner,
       bottomRight: styles.bottomRight,
       [undefined]: styles.bottomCenter,
     };
diff --git a/app/components/UI/OnboardingWizard/Step1/index.js b/app/components/UI/OnboardingWizard/Step1/index.js
index bcd245aac54..00378bdd4db 100644
--- a/app/components/UI/OnboardingWizard/Step1/index.js
+++ b/app/components/UI/OnboardingWizard/Step1/index.js
@@ -102,7 +102,7 @@ class Step1 extends PureComponent {
             onNext={this.onNext}
             onBack={this.onClose}
             coachmarkStyle={styles.coachmark}
-            bottomIndicatorPosition={'bottomLeft'}
+            bottomIndicatorPosition={'bottomLeftCorner'}
             action
             onClose={this.onClose}
           />