Fix baseline alignment

src/components/TextInputField/TextInputField.css

@@ -14,3 +14,10 @@
 .inputError {
   border-bottom-color: var(--failColor);
 }
+
+.textarea {
+  @media (--viewportMedium) {
+    /* Fix baseline alignment */
+    padding-top: 6px;
+  }
+}

src/components/TextInputField/TextInputField.js

@@ -46,6 +46,7 @@ class TextInputFieldComponent extends Component {
     const inputClasses = classNames(css.input, {
       [css.inputSuccess]: valid,
       [css.inputError]: hasError,
+      [css.textarea]: isTextarea,
     });
     const inputProps = isTextarea
       ? { className: inputClasses, id, ...input, ...rest }

src/containers/EditListingDescriptionForm/__snapshots__/EditListingDescriptionForm.test.js.snap

@@ -40,7 +40,7 @@ exports[`EditListingDescriptionForm matches snapshot 1`] = `
       Describe your sauna
     </label>
     <textarea
-      className=""
+      className="undefined"
       id="fakeTestForm.description"
       name="description"
       onBlur={[Function]}

src/containers/ProfileSettingsForm/ProfileSettingsForm.css

@@ -15,7 +15,7 @@
 
 .sectionContainer {
   padding: 0;
-  margin-bottom: 36px;
+  margin-bottom: 37px;
 
   @media (--viewportMedium) {
     padding: 0;
@@ -29,6 +29,7 @@
 
   margin-top: 0;
   margin-bottom: 13px;
+
   @media (--viewportMedium) {
     margin-top: 0;
     margin-bottom: 20px;
@@ -36,9 +37,18 @@
 }
 
 .lastSection {
-  margin-bottom: 66px;
+  /* Fix baseline alignment */
+  padding-top: 3px;
+
+  margin-bottom: 69px;
+
   @media (--viewportMedium) {
+    padding-top: 6px;
     margin-bottom: 111px;
+
+    & .sectionTitle {
+      margin-bottom: 18px;
+    }
   }
 }
 
@@ -278,6 +288,11 @@
 
 .bioInfo {
   color: var(--matterColorAnti);
+  margin-top: 11px;
+
+  @media (--viewportMedium) {
+    margin-top: 13px;
+  }
 }
 
 .submitButton {