diff --git a/airbyte-webapp/src/packages/cloud/locales/en.json b/airbyte-webapp/src/packages/cloud/locales/en.json
index 3c188cead0f8..fad4a48e6756 100644
--- a/airbyte-webapp/src/packages/cloud/locales/en.json
+++ b/airbyte-webapp/src/packages/cloud/locales/en.json
@@ -164,8 +164,8 @@
"signup.details.instantSetup": "Instant setup",
"signup.details.freeTrial": "14-day free trial",
"signup.title": "Create your Airbyte account",
- "signup.method.email": "Sign up with email",
- "signup.method.oauth": "Sign up with Google or Github",
+ "signup.method.email": "Sign up using email",
+ "signup.method.oauth": "Sign up using Google or GitHub",
"email.duplicate": "Email already exists",
"email.notfound": "Email not found",
"email.disabled": "Your account is disabled",
diff --git a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx
index 47b0174e5a2e..40e9b64ae107 100644
--- a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx
+++ b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SignupForm.tsx
@@ -96,19 +96,16 @@ export const EmailField: React.FC<{ label?: React.ReactNode }> = ({ label }) =>
return (
{({ field, meta }: FieldProps) => (
- <>
- {" "}
- }
- placeholder={formatMessage({
- id: "login.yourEmail.placeholder",
- })}
- type="text"
- error={(!!meta.error && meta.touched) || (meta.touched && !isCorporateEmail(field.value))}
- message={getMessage({ touched: meta.touched, error: meta.error, value: field.value })}
- />
- >
+ }
+ placeholder={formatMessage({
+ id: "login.yourEmail.placeholder",
+ })}
+ type="text"
+ error={(!!meta.error && meta.touched) || (meta.touched && !isCorporateEmail(field.value))}
+ message={getMessage({ touched: meta.touched, error: meta.error, value: field.value })}
+ />
)}
);
@@ -116,7 +113,6 @@ export const EmailField: React.FC<{ label?: React.ReactNode }> = ({ label }) =>
export const PasswordField: React.FC<{ label?: React.ReactNode }> = ({ label }) => {
const { formatMessage } = useIntl();
- const isSimpleLeftSide = useExperiment("authPage.signup.simplifyLeftSide", false);
return (
@@ -130,28 +126,26 @@ export const PasswordField: React.FC<{ label?: React.ReactNode }> = ({ label })
})}
type="password"
error={!!meta.error && meta.touched}
- message={meta.touched && meta.error && formatMessage({ id: meta.error })}
/>
- {isSimpleLeftSide && (
-
-
-
-
-
-
- )}
+
+
+
+
+
+
+
>
)}
diff --git a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.module.scss b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.module.scss
index ef349111375c..8d99e42f7382 100644
--- a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.module.scss
+++ b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.module.scss
@@ -9,7 +9,3 @@
min-width: fit-content;
color: colors.$dark-blue;
}
-
-.detailsContainer {
- overflow: visible;
-}
diff --git a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.tsx b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.tsx
index 4270e9d1a556..5f0474ca72d3 100644
--- a/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.tsx
+++ b/airbyte-webapp/src/packages/cloud/views/auth/SignupPage/components/SimpleLeftSide/SimpleLeftSide.tsx
@@ -30,7 +30,7 @@ export const SimpleLeftSide: React.FC = () => {
-
+
@@ -41,7 +41,7 @@ export const SimpleLeftSide: React.FC = () => {
- {showOauth ? : }
+ {showOauth ? : }
{showOauth ? (