From f3458d0579e9c4b8412731693061f96b498017b6 Mon Sep 17 00:00:00 2001
From: priyankakmEaton <priyankakm@eaton.com>
Date: Mon, 6 May 2024 11:00:39 +0530
Subject: [PATCH 1/4] buttonLabel_cutoff

---
 .../src/components/WorkflowCard/WorkflowCardActions.tsx       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
index 6a4471b8..8ccd7cdd 100644
--- a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
+++ b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
@@ -18,9 +18,11 @@ const makeStyles = (
         },
         previousButton: {
             alignSelf: 'flex-start',
+            minWidth: '32%',
         },
         nextButton: {
             alignSelf: 'flex-end',
+            minWidth: '32%',
         },
     });
 
@@ -60,7 +62,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                     root: [
                         {
                             flex: 0,
-                            justifyContent: 'space-between',
+                            justifyContent: !showStepperDots ? 'space-between' : 'center',
                             paddingHorizontal: isTablet ? 8 : 0,
                             paddingVertical: isTablet ? 8 : 0,
                         },

From 92872f41d6c73a9bf14e7b240ceaf5affd08a534 Mon Sep 17 00:00:00 2001
From: priyankakmEaton <priyankakm@eaton.com>
Date: Fri, 10 May 2024 09:28:06 +0530
Subject: [PATCH 2/4] button label cutoff

---
 .../src/components/WorkflowCard/WorkflowCardActions.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
index 8ccd7cdd..17f153ea 100644
--- a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
+++ b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
@@ -45,7 +45,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
         currentStep = 0,
         totalSteps = 5,
         fullWidthButton,
-        stepperVariant = 'dots',
+        stepperVariant = 'text',
         style,
         ...otherProps
     } = props;
@@ -62,7 +62,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                     root: [
                         {
                             flex: 0,
-                            justifyContent: !showStepperDots ? 'space-between' : 'center',
+                            justifyContent: 'space-between',
                             paddingHorizontal: isTablet ? 8 : 0,
                             paddingVertical: isTablet ? 8 : 0,
                         },

From 67ed09430823c4c9884eb28230d556416ca4c5dd Mon Sep 17 00:00:00 2001
From: priyankakmEaton <priyankakm@eaton.com>
Date: Fri, 10 May 2024 10:38:31 +0530
Subject: [PATCH 3/4] button label cutoff

---
 .../src/components/WorkflowCard/WorkflowCardActions.tsx       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
index 17f153ea..8ccd7cdd 100644
--- a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
+++ b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
@@ -45,7 +45,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
         currentStep = 0,
         totalSteps = 5,
         fullWidthButton,
-        stepperVariant = 'text',
+        stepperVariant = 'dots',
         style,
         ...otherProps
     } = props;
@@ -62,7 +62,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                     root: [
                         {
                             flex: 0,
-                            justifyContent: 'space-between',
+                            justifyContent: !showStepperDots ? 'space-between' : 'center',
                             paddingHorizontal: isTablet ? 8 : 0,
                             paddingVertical: isTablet ? 8 : 0,
                         },

From ffc184a37b91d295fd666f3c02a5622022d21649 Mon Sep 17 00:00:00 2001
From: priyankakmEaton <priyankakm@eaton.com>
Date: Fri, 10 May 2024 11:03:34 +0530
Subject: [PATCH 4/4] button label cutoff

---
 .../src/components/WorkflowCard/WorkflowCardActions.tsx     | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
index 8ccd7cdd..961ace9d 100644
--- a/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
+++ b/login-workflow/src/components/WorkflowCard/WorkflowCardActions.tsx
@@ -18,11 +18,9 @@ const makeStyles = (
         },
         previousButton: {
             alignSelf: 'flex-start',
-            minWidth: '32%',
         },
         nextButton: {
             alignSelf: 'flex-end',
-            minWidth: '32%',
         },
     });
 
@@ -62,7 +60,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                     root: [
                         {
                             flex: 0,
-                            justifyContent: !showStepperDots ? 'space-between' : 'center',
+                            justifyContent: 'space-between',
                             paddingHorizontal: isTablet ? 8 : 0,
                             paddingVertical: isTablet ? 8 : 0,
                         },
@@ -85,6 +83,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                             testID={'blui-workflow-card-actions-previous-button'}
                             style={[defaultStyles.previousButton, defaultStyles.button]}
                             onPress={onPrevious}
+                            labelStyle={{ marginHorizontal: 10 }}
                         >
                             {previousLabel}
                         </Button>
@@ -100,6 +99,7 @@ export const WorkflowCardActions: React.FC<WorkflowCardActionsProps> = (props) =
                             onPress={onNext}
                             testID={'blui-workflow-card-actions-next-button'}
                             style={[defaultStyles.nextButton, defaultStyles.button]}
+                            labelStyle={{ marginHorizontal: 10 }}
                         >
                             {nextLabel}
                         </Button>