Fix terms and agreements label position on Create Account Form

app/ghostery-browser-hub/Views/OnboardingViews/Step1_CreateAccountForm/Step1_CreateAccountForm.jsx

@@ -188,8 +188,8 @@ export const Step1_CreateAccountForm = (props) => {
 					)}
 				</div>
 			</div>
-			<div className="row align-center-middle">
-				<div className="columns small-10 medium-8">
+			<div className="row">
+				<div className="columns small-12 medium-10">
 					<div className="Step1_CreateAccountForm__checkboxContainer BrowserCreateAccountForm--marginBottom flex-container">
 						<ToggleCheckbox
 							name="globals"
@@ -204,7 +204,7 @@ export const Step1_CreateAccountForm = (props) => {
 						/>
 					</div>
 				</div>
-				<div className="columns small-10 medium-2" />
+				{/* <div className="columns small-10 medium-2" /> */}
 			</div>
 			<div className="Step1_CreateAccountForm__ctaButtonContainer">
 				<button type="submit" className="Step1_CreateAccountForm__ctaButton">{t('create_account')}</button>

app/ghostery-browser-hub/Views/OnboardingViews/Step1_CreateAccountForm/Step1_CreateAccountForm.scss

@@ -53,8 +53,9 @@
 }
 .Step1_CreateAccountForm__legalConsentCheckedLabel {
 	font-size: 14px;
+	margin-top: 13px;
 	@include breakpoint(small down) {
-		width: 258px;
+		width: 290px;
 	}
 
 	&.error {