From 4f48e82959186d145b6b67ddcbd545d9008441a7 Mon Sep 17 00:00:00 2001
From: Syed Sajjad  Hussain Shah <ssajjad@2u.com>
Date: Mon, 22 Apr 2024 11:34:47 +0500
Subject: [PATCH] fix: fix register button width

---
 src/register/data/optimizelyExperiment/helper.js | 7 +++++++
 src/sass/_registration.scss                      | 8 ++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/register/data/optimizelyExperiment/helper.js b/src/register/data/optimizelyExperiment/helper.js
index e59ec718..7140d5ec 100644
--- a/src/register/data/optimizelyExperiment/helper.js
+++ b/src/register/data/optimizelyExperiment/helper.js
@@ -75,6 +75,13 @@ export const getRegisterButtonLabelInExperiment = (
   return existingButtonLabel;
 };
 
+export const getRegisterButtonClassInExperiment = (expVariation, registerPageStep) => {
+  if (expVariation === MULTI_STEP_REGISTRATION_EXP_VARIATION && registerPageStep === FIRST_STEP) {
+    return 'continue-button';
+  }
+  return 'register-button';
+};
+
 export const getRegisterButtonSubmitStateInExperiment = (
   registerSubmitState, validationsSubmitState, expVariation, registerPageStep,
 ) => {
diff --git a/src/sass/_registration.scss b/src/sass/_registration.scss
index 4126da9a..884af10d 100644
--- a/src/sass/_registration.scss
+++ b/src/sass/_registration.scss
@@ -1,3 +1,11 @@
+.register-button {
+  min-width: 14.4rem;
+}
+
+.continue-button {
+  min-width: 7rem;
+}
+
 .pgn__form-autosuggest__wrapper > .pgn__form-group {
   margin-bottom: 0 !important;
 }