Client: Wizard: fix agree terms error

packages/client/src/pages/Wizard/StyledWizard.js

@@ -113,7 +113,7 @@ export const StyledAcceptTerms = styled.div`
   align-items: center;
   gap: 0.3em;
   padding-top: 12px;
-  padding-bottom: 8px;
+  padding-bottom: 24px;
 
   .wizard-checkbox svg {
     margin-right: 8px;

packages/client/src/pages/Wizard/index.js

@@ -365,13 +365,6 @@ const Wizard = (props) => {
             />
           </StyledInfo>
 
-          <FieldContainer
-            className="wizard-field"
-            isVertical={true}
-            labelVisible={false}
-            hasError={hasErrorAgree}
-            errorMessage={t("ErrorLicenseRead")}
-          >
           <StyledAcceptTerms>
             <Checkbox
               className="wizard-checkbox"
@@ -381,10 +374,15 @@ const Wizard = (props) => {
               isChecked={agreeTerms}
               onChange={onAgreeTermsChange}
               isDisabled={isCreated}
+              hasError={hasErrorAgree}
             />
             <Link
               type="page"
-                color={theme.client.wizard.linkColor}
+              color={
+                hasErrorAgree
+                  ? theme.checkbox.errorColor
+                  : theme.client.wizard.linkColor
+              }
               fontSize="13px"
               target="_blank"
               href={
@@ -396,7 +394,6 @@ const Wizard = (props) => {
               {t("LicenseLink")}
             </Link>
           </StyledAcceptTerms>
-          </FieldContainer>
 
           <Button
             size="medium"