Fix css and input validation (#39)

Author: ilan7empest

src/lib/components/FormInput/FormInput.js

@@ -162,6 +162,8 @@ const FormInput = React.forwardRef(
     const validateField = (value) => {
       let valueToValidate = isNil(value) ? '' : String(value)
 
+      if (!valueToValidate && !required) return
+
       let validationError = null
 
       if (!isEmpty(validationRules)) {

src/lib/components/Wizard/WizardSteps/WizardSteps.scss

@@ -5,7 +5,7 @@
 .wizard-steps {
   background-color: $white;
   min-width: 260px;
-  margin-right: 1rem;
+  margin-right: 2rem;
 
   &__indicator {
     display: inline-flex;
@@ -18,7 +18,7 @@
     height: 36px;
   }
 
-  &__item:not(:last-child) {
+  & > *:not(:last-child) {
     margin-bottom: 10px;
   }