diff --git a/src/components/routes/Host/ListingForm/AccommodationsForm/AccommodationsForm.tsx b/src/components/routes/Host/ListingForm/AccommodationsForm/AccommodationsForm.tsx
index a4bef4a4..c483923e 100644
--- a/src/components/routes/Host/ListingForm/AccommodationsForm/AccommodationsForm.tsx
+++ b/src/components/routes/Host/ListingForm/AccommodationsForm/AccommodationsForm.tsx
@@ -1,17 +1,18 @@
 import * as React from 'react';
+import { Field, ErrorMessage } from 'formik';
 
+import { ListingField } from 'networking/listings';
+import Checkbox from 'shared/Checkbox';
+import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
 import InputLabel from 'shared/InputLabel';
 import InputWrapper from 'shared/InputWrapper';
 import NumberInput from 'shared/NumberInput';
 import Textarea from 'shared/Textarea';
 import { TextareaEvent } from 'shared/Textarea/Textarea';
 import { stringToArray, arrayToString } from 'utils/formatter';
-import Checkbox from 'shared/Checkbox';
-import { Field, ErrorMessage } from 'formik';
-import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
 
 const AccommodationsForm = (props: any): JSX.Element => {
-  const { setFieldTouched, setFieldValue, values } = props;
+  const { setFocus, setFieldTouched, setFieldValue, values } = props;
   const StyledErrorMessage = (props: { name: string }) => (
     <ErrorMessageWrapper>
       {props.name && <ErrorMessage {...props} />}
@@ -19,34 +20,16 @@ const AccommodationsForm = (props: any): JSX.Element => {
   );
   return (
     <>
-      {/* <div className="form-item">
-        <InputLabel>Housing Accommodation</InputLabel>
-        <SelectBoxWrapper suffixSize="tiny">
-          <select id="homeType" name="homeType" value={props.inputForm.homeType} onChange={onInput}>
-            <option value={undefined}>
-              Choose the Accommodation
-            </option>
-            {Object.values(HomeTypeHostForm).map((value: HomeTypeHostForm) => (
-              <option value={value} key={value}>
-                {value}
-              </option>
-            ))}
-          </select>
-          <label htmlFor="homeType">
-            <Svg className="suffix" src="utils/carat-down" />
-          </label>
-        </SelectBoxWrapper>
-      </div> */}
-
       <div className="form-item">
-        <InputLabel htmlFor="sleepingArrangement" subLabel="(required)">Sleeping Arrangement</InputLabel>
+        <InputLabel htmlFor={ListingField.SLEEPING_ARRANGEMENT} subLabel="(required)">Sleeping Arrangement</InputLabel>
         <InputWrapper>
           <Field
-            name="sleepingArrangement"
+            name={ListingField.SLEEPING_ARRANGEMENT}
+            onFocus={() => setFocus(ListingField.SLEEPING_ARRANGEMENT)}
             placeholder="1 King, 2 Queens"
             type="text" />
         </InputWrapper>
-        <StyledErrorMessage name="sleepingArrangement" />
+        <StyledErrorMessage name={ListingField.SLEEPING_ARRANGEMENT} />
       </div>
 
       <div className="form-item">
@@ -57,8 +40,9 @@ const AccommodationsForm = (props: any): JSX.Element => {
             max={50}
             min={1}
             onChange={(value: number) => {
-              setFieldValue('numberOfBedrooms', value);
-              setFieldTouched('numberOfBedrooms');
+              setFieldValue(ListingField.NUMBER_OF_BEDROOMS, value);
+              setFieldTouched(ListingField.NUMBER_OF_BEDROOMS);
+              setFocus(ListingField.NUMBER_OF_BEDROOMS);
             }}
           />
         </div>
@@ -72,8 +56,9 @@ const AccommodationsForm = (props: any): JSX.Element => {
             max={50}
             min={0}
             onChange={(value: number) => {
-              setFieldValue('numberOfBathrooms', value);
-              setFieldTouched('numberOfBathrooms');
+              setFieldValue(ListingField.NUMBER_OF_BATHROOMS, value);
+              setFieldTouched(ListingField.NUMBER_OF_BATHROOMS);
+              setFocus(ListingField.NUMBER_OF_BATHROOMS);
             }}
             step={0.5}
           />
@@ -85,24 +70,28 @@ const AccommodationsForm = (props: any): JSX.Element => {
           checked={isSharedBathroom(values.sharedBathroom)}
           onChange={() => {
             const value = isSharedBathroom(values.sharedBathroom) ? 'No' : 'Yes';
-            setFieldValue('sharedBathroom', value);
-            setFieldTouched('sharedBathroom', true);
+            setFieldValue(ListingField.SHARED_BATHROOM, value);
+            setFieldTouched(ListingField.SHARED_BATHROOM, true);
+            setFocus(ListingField.SHARED_BATHROOM);
           }}>
-          Shared Bathroom
+          <InputLabel>
+            Shared Bathroom
+          </InputLabel>
         </Checkbox>
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="amenities" subLabel="(required, separate by comma)">Amenities</InputLabel>
+        <InputLabel htmlFor={ListingField.AMENITIES} subLabel="(required, separate by comma)">Amenities</InputLabel>
         <Textarea
-          name="amenities"
-          onBlur={() => setFieldTouched('amenities', true)}
+          name={ListingField.AMENITIES}
+          onBlur={() => setFieldTouched(ListingField.AMENITIES, true)}
+          onFocus={() => setFocus(ListingField.AMENITIES)}
           onChange={(event: TextareaEvent) => {
-            setFieldValue('amenities', stringToArray(event.target.value));
+            setFieldValue(ListingField.AMENITIES, stringToArray(event.target.value));
           }}
           value={arrayToString(values.amenities)}
-          placeholder="Towels, Soap, Detergent" />
-          <StyledErrorMessage name="amenities" />
+          placeholder="Wifi, Towels, Soap, TV, Coffee..." />
+          <StyledErrorMessage name={ListingField.AMENITIES} />
       </div>
     </>
   );
diff --git a/src/components/routes/Host/ListingForm/CheckinDetailsForm/CheckinDetailsForm.tsx b/src/components/routes/Host/ListingForm/CheckinDetailsForm/CheckinDetailsForm.tsx
index a61fea5e..7da09b77 100644
--- a/src/components/routes/Host/ListingForm/CheckinDetailsForm/CheckinDetailsForm.tsx
+++ b/src/components/routes/Host/ListingForm/CheckinDetailsForm/CheckinDetailsForm.tsx
@@ -1,16 +1,17 @@
 import * as React from 'react';
+import { ErrorMessage } from 'formik';
 
+import { ListingField } from 'networking/listings';
+import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
 import InputLabel from 'shared/InputLabel';
 import SelectBoxWrapper from 'shared/SelectBoxWrapper';
 import Svg from 'shared/Svg';
 import Textarea from 'shared/Textarea';
 import { TextareaEvent } from 'shared/Textarea/Textarea';
 import timeOptions from 'utils/timeOptions';
-import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
-import { ErrorMessage } from 'formik';
 
 const CheckinDetailsForm = (props: any): JSX.Element => {
-  const { setFieldTouched, setFieldValue, values } = props;
+  const { setFocus, setFieldTouched, setFieldValue, values } = props;
   const StyledErrorMessage = (props: { name: string }) => (
     <ErrorMessageWrapper>
       {props.name && <ErrorMessage {...props} />}
@@ -20,16 +21,17 @@ const CheckinDetailsForm = (props: any): JSX.Element => {
 
     <>
       <div className="form-item">
-        <InputLabel htmlFor="from" subLabel="(From)">Check-in</InputLabel>
+        <InputLabel htmlFor="from" subLabel="(from)">Check-in</InputLabel>
         <SelectBoxWrapper suffixSize="tiny">
           <select
             id="from"
             name="from"
             value={values.checkInTime.from}
             onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
-              setFieldTouched('checkInTime', true);
-              setFieldValue('checkInTime', { ...values.checkInTime, from: event.target.value });
-            }}>
+              setFieldTouched(ListingField.CHECK_IN_TIME, true);
+              setFieldValue(ListingField.CHECK_IN_TIME, { ...values.checkInTime, from: event.target.value });
+            }}
+            onFocus={() => setFocus(ListingField.CHECK_IN_TIME)}>
             {timeOptions.map(
               time => <option key={time} value={time}>{time}</option>
             )}
@@ -41,16 +43,17 @@ const CheckinDetailsForm = (props: any): JSX.Element => {
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="to" subLabel="(To)">Check-in</InputLabel>
+        <InputLabel htmlFor="to" subLabel="(to)">Check-in</InputLabel>
         <SelectBoxWrapper suffixSize="tiny">
           <select
             id="to"
             name="to"
             value={values.checkInTime.to}
             onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
-              setFieldTouched('checkInTime', true);
-              setFieldValue('checkInTime', { ...values.checkInTime, to: event.target.value })
-            }}>
+              setFieldTouched(ListingField.CHECK_IN_TIME, true);
+              setFieldValue(ListingField.CHECK_IN_TIME, { ...values.checkInTime, to: event.target.value })
+            }}
+            onFocus={() => setFocus(ListingField.CHECK_IN_TIME)}>
             {timeOptions.map(
               time => <option key={time} value={time}>{time}</option>
             )}
@@ -59,39 +62,41 @@ const CheckinDetailsForm = (props: any): JSX.Element => {
             <Svg className="suffix" src="utils/carat-down" />
           </label>
         </SelectBoxWrapper>
-        <StyledErrorMessage name="checkInTime" />
+        <StyledErrorMessage name={ListingField.CHECK_IN_TIME} />
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="checkOutTime" subLabel="(Before)">Check-out</InputLabel>
+        <InputLabel htmlFor={ListingField.CHECK_OUT_TIME} subLabel="(before)">Check-out</InputLabel>
         <SelectBoxWrapper suffixSize="tiny">
           <select
-            id="checkOutTime"
-            name="checkOutTime"
+            id={ListingField.CHECK_OUT_TIME}
+            name={ListingField.CHECK_OUT_TIME}
             value={values.checkOutTime}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldValue('checkOutTime', event.target.value)}>
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldValue(ListingField.CHECK_OUT_TIME, event.target.value)}
+            onFocus={() => setFocus(ListingField.CHECK_OUT_TIME)}>
             {timeOptions.map(
               time => <option key={time} value={time}>{time}</option>
             )}
           </select>
-          <label htmlFor="checkOutTime">
+          <label htmlFor={ListingField.CHECK_OUT_TIME}>
             <Svg className="suffix" src="utils/carat-down" />
           </label>
         </SelectBoxWrapper>
       </div>
 
       <div className="form-item check-in-details">
-        <InputLabel htmlFor="houseRules" subLabel="(required)">House Rules</InputLabel>
+        <InputLabel htmlFor={ListingField.HOUSE_RULES} subLabel="(required)">House Rules</InputLabel>
         <Textarea
           html
-          name="houseRules"
-          onBlur={() => setFieldTouched('houseRules', true)}
+          name={ListingField.HOUSE_RULES}
+          onBlur={() => setFieldTouched(ListingField.HOUSE_RULES, true)}
+          onFocus={() => setFocus(ListingField.HOUSE_RULES)}
           onChange={(event: TextareaEvent) => {
-            setFieldValue('houseRules', event.target.value);
+            setFieldValue(ListingField.HOUSE_RULES, event.target.value);
           }}
           value={values.houseRules}
           placeholder="Let your guests know about quiet hours, pets, etc." />
-        <StyledErrorMessage name="houseRules" />
+        <StyledErrorMessage name={ListingField.HOUSE_RULES} />
       </div>
     </>
   );
diff --git a/src/components/routes/Host/ListingForm/ListingForm.container.ts b/src/components/routes/Host/ListingForm/ListingForm.container.ts
index 39a21b41..8ebde0f0 100644
--- a/src/components/routes/Host/ListingForm/ListingForm.container.ts
+++ b/src/components/routes/Host/ListingForm/ListingForm.container.ts
@@ -1,5 +1,5 @@
 import styled from 'styled-components';
-import { color } from 'styled/utils';
+import { color, typography } from 'styled/utils';
 
 const ListingFormMobileContainer = styled.section`
   width: 100%;
@@ -22,6 +22,11 @@ const ListingFormMobileContainer = styled.section`
         .bee-textarea {
           width: 100%;
         }
+        .bee-checkbox {
+          label {
+            margin-bottom: 0;
+          }
+        }
         .input-number-container {
           align-items: center;
           display: flex;
@@ -40,7 +45,6 @@ const ListingFormMobileContainer = styled.section`
           .state,
           .postal-code {
             display: inline-block;
-            margin-bottom: 0;
           }
           .state,
           .postal-code {
@@ -55,6 +59,9 @@ const ListingFormMobileContainer = styled.section`
           .postal-code {
             width: 20%;
           }
+          .country {
+            margin-bottom: 0;
+          }
         }
         &.photo {
           width: 100%;
@@ -86,11 +93,77 @@ const ListingFormMobileContainer = styled.section`
     }
 
     aside {
-      background-color: ${color('white')};
-      min-height: calc(100% - 128px);
-      position: absolute;
+      background-color: ${color('light')};
+      height: 100%;
       left: calc(586px + (100% - 976px) / 2);
+      position: fixed;
       width: calc((100% - 586px) - ((100% - 976px) / 2));
+      z-index: -1;
+      .background-extender {
+        background-color: ${color('light')};
+        position: absolute;
+        top: -64px;
+        width: 100%;
+        height: 64px;
+      }
+      .aside-container {
+        height: 608px;
+        max-width: 632px;
+        padding: 40px 56px 72px;
+        header {
+          ${typography('title', 7)}
+          color: ${color('dark')};
+          margin-bottom: 32px;
+          > span {
+            ${typography('emp', 5)}
+          }
+        }
+        > div {
+          h3 {
+            ${typography('read', 1)}
+            margin-bottom: 24px;
+          }
+          h4 {
+            ${typography('emp', 5)}
+            margin-bottom: 8px;
+          }
+          p {
+            ${typography('read', 2)}
+            margin-bottom: 24px;
+            > span {
+              ${typography('emp', 6)}
+            }
+          }
+          ol {
+            li {
+              list-style-type: decimal;
+              > span {
+                ${typography('emp', 5)}
+              }
+            }
+          }
+          ul {
+            margin-top: 0;
+            margin-bottom: 24px;
+            padding-left: 12px;
+            list-style-position: inside;
+            li {
+              list-style-type: disc;
+            }
+          }
+          .images-container {
+            display: flex;
+            flex-direction: row;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            .image-container--horizontal {
+              height: 180px;
+              width: 240px;
+              margin-bottom: 16px;
+            }
+          }
+        }
+      }
     }
   }
 `;
diff --git a/src/components/routes/Host/ListingForm/ListingForm.tsx b/src/components/routes/Host/ListingForm/ListingForm.tsx
index 20772a88..be23dee3 100644
--- a/src/components/routes/Host/ListingForm/ListingForm.tsx
+++ b/src/components/routes/Host/ListingForm/ListingForm.tsx
@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { Redirect, Route, Switch } from 'react-router-dom';
 import { compose, graphql } from 'react-apollo';
-import { Listing, GET_HOST_LISTINGS, UPDATE_LISTING, ListingInput } from 'networking/listings';
+import { Listing, GET_HOST_LISTINGS, UPDATE_LISTING, ListingField, ListingInput } from 'networking/listings';
 import { Formik, Form, FormikProps, FormikActions } from 'formik';
 import * as Yup from 'yup';
 
@@ -15,44 +15,46 @@ import GeneralWrapper from 'shared/GeneralWrapper';
 import NotFound from 'routes/NotFound';
 import Button from 'shared/Button';
 import timeOptions from 'utils/timeOptions';
+import { History } from 'history';
+import ListingHelp from './ListingHelp';
 import { ApolloError } from 'apollo-client';
+import { AppConsumer, AppConsumerProps, ScreenType } from 'components/App.context';
 
 interface FormValues {
   [name: string]: boolean | string | string[] | number | object | undefined;
 }
 
 const defaultValues: FormValues = {
-  addressLine1: '',
-  addressLine2: '',
-  amenities: [],
-  checkInTime: {
+  [ListingField.ADDRESS_LINE_1]: '',
+  [ListingField.ADDRESS_LINE_2]: '',
+  [ListingField.AMENITIES]: [],
+  [ListingField.CHECK_IN_TIME]: {
     from: '3:00 p.m.',
     to: '10:00 p.m.',
   },
-  checkOutTime: '11:00 a.m.',
-  city: '',
-  country: 'USA',
-  description: '',
-  homeType: 'Entire Place',
-  // housing: '',
-  houseRules: '',
-  icalUrls: [],
-  isActive: false,
-  lat: 0,
-  lng: 0,
-  listingPicUrl: '',
-  maxGuests: 1,
-  minimumNights: 1,
-  numberOfBathrooms: 0,
-  numberOfBedrooms: 1,
-  photos: [],
-  postalCode: '',
-  pricePerNightUsd: 100,
-  securityDepositUsd: 50,
-  sharedBathroom: 'No',
-  sleepingArrangement: '',
-  state: '',
-  title: '',
+  [ListingField.CHECK_OUT_TIME]: '11:00 a.m.',
+  [ListingField.CITY]: '',
+  [ListingField.COUNTRY]: 'USA',
+  [ListingField.DESCRIPTION]: '',
+  [ListingField.HOME_TYPE]: 'Entire Place',
+  [ListingField.HOUSE_RULES]: '',
+  [ListingField.ICAL_URLS]: [],
+  [ListingField.IS_ACTIVE]: false,
+  [ListingField.LAT]: 0,
+  [ListingField.LNG]: 0,
+  [ListingField.LISTING_PIC_URL]: '',
+  [ListingField.MAX_GUESTS]: 1,
+  [ListingField.MINIMUM_NIGHTS]: 1,
+  [ListingField.NUMBER_OF_BATHROOMS]: 0,
+  [ListingField.NUMBER_OF_BEDROOMS]: 1,
+  [ListingField.PHOTOS]: [],
+  [ListingField.POSTAL_CODE]: '',
+  [ListingField.PRICE_PER_NIGHT_USD]: 100,
+  [ListingField.SECURITY_DEPOSIT_USD]: 50,
+  [ListingField.SHARED_BATHROOM]: 'No',
+  [ListingField.SLEEPING_ARRANGEMENT]: '',
+  [ListingField.STATE]: '',
+  [ListingField.TITLE]: '',
 };
 
 interface Props extends RouterProps {
@@ -61,12 +63,10 @@ interface Props extends RouterProps {
 }
 
 const ListingFormSchema = Yup.object().shape({
-  addressLine1: Yup.string()
-    .min(1, minStringError('Address Line 1')),
-  addressLine2: Yup.string(),
-  amenities: Yup.array()
-    .of(Yup.string()),
-  checkInTime: Yup.object()
+  [ListingField.ADDRESS_LINE_1]: Yup.string().min(1, minStringError('Address Line 1')),
+  [ListingField.ADDRESS_LINE_2]: Yup.string(),
+  [ListingField.AMENITIES]: Yup.array().of(Yup.string()),
+  [ListingField.CHECK_IN_TIME]: Yup.object()
     .shape({
       from: Yup.string().oneOf(timeOptions),
       to: Yup.string().oneOf(timeOptions),
@@ -75,70 +75,97 @@ const ListingFormSchema = Yup.object().shape({
       const { from, to } = this.parent.checkInTime;
       return from !== to;
     }),
-  checkOutTime: Yup.string().oneOf(timeOptions),
-  city: Yup.string().max(60, maxStringError('City')),
-  country: Yup.string(),
-  description: Yup.string()
-    .min(1, minStringError('Description')),
-  homeType: Yup.string().min(1, minStringError('Home Type')),
-  houseRules: Yup.string()
-    .min(1, minStringError('House Rules')),
-  icalUrls: Yup.array().of(Yup.string().url('${value} is not a valid ical url. ')),
-  isActive: Yup.bool(),
-  lat: Yup.number()
+  [ListingField.CHECK_OUT_TIME]: Yup.string().oneOf(timeOptions),
+  [ListingField.CITY]: Yup.string().max(60, maxStringError('City')),
+  [ListingField.COUNTRY]: Yup.string(),
+  [ListingField.DESCRIPTION]: Yup.string().min(1, minStringError('Description')),
+  [ListingField.HOME_TYPE]: Yup.string().min(1, minStringError('Home Type')),
+  [ListingField.HOUSE_RULES]: Yup.string().min(1, minStringError('House Rules')),
+  [ListingField.ICAL_URLS]: Yup.array().of(Yup.string().url('${value} is not a valid ical url. ')),
+  [ListingField.IS_ACTIVE]: Yup.bool(),
+  [ListingField.LAT]: Yup.number()
     .moreThan(-90)
     .lessThan(90),
-  lng: Yup.number()
+  [ListingField.LNG]: Yup.number()
     .moreThan(-180)
     .lessThan(180),
-  listingPicUrl: Yup.string()
-    .url(),
-  maxGuests: Yup.number()
+  [ListingField.LISTING_PIC_URL]: Yup.string().url(),
+  [ListingField.MAX_GUESTS]: Yup.number()
     .min(1, minNumberError('Max Guests'))
     .max(50, maxNumberError('Max Guests')),
-  minimumNights: Yup.number()
+  [ListingField.MINIMUM_NIGHTS]: Yup.number()
     .required('Minimum Nights is a required field.')
     .min(1, minNumberError('Minimum Nights')),
-  numberOfBathrooms: Yup.number()
-    .min(0, minNumberError('Number of Bathrooms')),
-  numberOfBedrooms: Yup.number()
-    .min(0, minNumberError('Number of Bedrooms')),
-  photos: Yup.array()
-    .of(Yup.string().url()),
-  postalCode: Yup.string()
+  [ListingField.NUMBER_OF_BATHROOMS]: Yup.number().min(0, minNumberError('Number of Bathrooms')),
+  [ListingField.NUMBER_OF_BEDROOMS]: Yup.number().min(0, minNumberError('Number of Bedrooms')),
+  [ListingField.PHOTOS]: Yup.array().of(Yup.string().url()),
+  [ListingField.POSTAL_CODE]: Yup.string()
     .min(1, minStringError('Postal Code'))
     .max(45, maxStringError('Postal Code')),
-  pricePerNightUsd: Yup.number()
+  [ListingField.PRICE_PER_NIGHT_USD]: Yup.number()
     .required('Price Per Night USD is a required field.')
     .min(1, minNumberError('Price Per Night')),
-  securityDepositUsd: Yup.number()
+  [ListingField.SECURITY_DEPOSIT_USD]: Yup.number()
     .required('Security Deposit USD is a required field.')
     .min(0, minNumberError('Security Deposit')),
-  sharedBathroom: Yup.string(),
-  sleepingArrangement: Yup.string()
-    .min(1, minStringError('Sleeping Arrangement')),
-  state: Yup.string()
-    .min(1, minStringError('State'))
-    .max(60, maxStringError('State')),
-  title: Yup.string()
+  [ListingField.SHARED_BATHROOM]: Yup.string(),
+  [ListingField.SLEEPING_ARRANGEMENT]: Yup.string().min(1, minStringError('Sleeping Arrangement')),
+  [ListingField.STATE]: Yup.string(),
+  [ListingField.TITLE]: Yup.string()
     .min(5, minStringError('Title'))
     .max(50, maxStringError('Title')),
 });
 
 const formCrumbs = ['listing_info', 'accommodations', 'pricing_availability', 'checkin_details'];
 
+const defaultFocus: { [name: string]: string } = {
+  listing_info: 'homeType',
+  accommodations: 'sleepingArrangement',
+  pricing_availability: 'maxGuests',
+  checkin_details: 'checkInTime',
+};
+
+interface AsideHeadersInterface {
+  [name: string]: React.ReactNode;
+}
+
+const AsideHeaders: AsideHeadersInterface = {
+  listing_info: (
+    <header>
+      Let's get started! This section will inform guests about where they'll be staying and what to expect. The more
+      descriptive, the better.
+    </header>
+  ),
+  accommodations: (
+    <header>
+      This section allows guests to determine if your space meets their needs. <span>Note:</span> Type of bed is
+      important, especially for larger groups. e.g. 1 Queen, 2 Doubles, 3 Kings.
+    </header>
+  ),
+  pricing_availability: (
+    <header>Let guests know how many people can stay at your place and how much it will cost right away.</header>
+  ),
+  checkin_details: (
+    <header>
+      You're almost finished! Let guests know the times they're able to check in and out as well as the rules they must
+      abide by.
+    </header>
+  ),
+};
+
 interface State {
   nextCrumb: string;
+  focus: string;
 }
 
 class ListingForm extends React.Component<Props, State> {
   readonly state: State = {
     nextCrumb: '',
+    focus: defaultFocus[getCurrentCrumb(this.props.history)],
   };
 
   componentDidMount = () => {
-    const path = this.props.history.location.pathname;
-    const currentCrumb = path.substr(path.lastIndexOf('/') + 1);
+    const currentCrumb = getCurrentCrumb(this.props.history);
     const nextCrumb = formCrumbs[formCrumbs.indexOf(currentCrumb) + 1];
     this.setState({
       nextCrumb: nextCrumb ? `${this.props.match.params.id}/${nextCrumb}` : '',
@@ -153,7 +180,8 @@ class ListingForm extends React.Component<Props, State> {
           initialValues={populateListingForm(defaultValues, props.listing)}
           isInitialValid
           validationSchema={ListingFormSchema}
-          onSubmit={this.handleSubmit}>
+          onSubmit={this.handleSubmit}
+        >
           {(FormikProps: FormikProps<ListingInput>) => (
             <>
               <ListingFormNav
@@ -170,22 +198,30 @@ class ListingForm extends React.Component<Props, State> {
                     <Route
                       exact
                       path="/host/listings/:id/accommodations"
-                      render={() => <AccommodationsForm {...FormikProps} />}
+                      render={() => (
+                        <AccommodationsForm {...FormikProps} setFocus={this.handleFocus} />
+                      )}
                     />
                     <Route
                       exact
                       path="/host/listings/:id/checkin_details"
-                      render={() => <CheckinDetailsForm {...FormikProps} />}
+                      render={() => (
+                        <CheckinDetailsForm {...FormikProps} setFocus={this.handleFocus} />
+                      )}
                     />
                     <Route
                       exact
                       path="/host/listings/:id/listing_info"
-                      render={() => <ListingInfoForm {...FormikProps} />}
+                      render={() => (
+                        <ListingInfoForm {...FormikProps} setFocus={this.handleFocus} />
+                      )}
                     />
                     <Route
                       exact
                       path="/host/listings/:id/pricing_availability"
-                      render={() => <PricingAvailabilityForm {...FormikProps} />}
+                      render={() => (
+                        <PricingAvailabilityForm {...FormikProps} setFocus={this.handleFocus} />
+                      )}
                     />
                     <Redirect exact from="/host/listings/:id/edit" to="/host/listings/:id/listing_info" />
                     <Route component={NotFound} />
@@ -194,7 +230,11 @@ class ListingForm extends React.Component<Props, State> {
                   <Button
                     onClick={() => {
                       if (!FormikProps.isValid) {
-                        alert(`Cannot save changes due to errors:\n\n${Object.values(FormikProps.errors).join('\n').toString()}`);
+                        alert(
+                          `Cannot save changes due to errors:\n\n${Object.values(FormikProps.errors)
+                            .join('\n')
+                            .toString()}`
+                        );
                       }
                       FormikProps.submitForm();
                     }}
@@ -203,6 +243,19 @@ class ListingForm extends React.Component<Props, State> {
                     Save &amp; Continue
                   </Button>
                 </Form>
+                <AppConsumer>
+                  {({ screenType }: AppConsumerProps) =>
+                    screenType >= ScreenType.DESKTOP && (
+                      <aside>
+                        <div className="background-extender" />
+                        <div className="aside-container">
+                          {isFirstFocused(this.state.focus) && AsideHeaders[getCurrentCrumb(this.props.history)]}
+                          {ListingHelp[this.state.focus]}
+                        </div>
+                      </aside>
+                    )
+                  }
+                </AppConsumer>
               </GeneralWrapper>
             </>
           )}
@@ -211,7 +264,13 @@ class ListingForm extends React.Component<Props, State> {
     );
   }
 
-  setNextCrumb = (nextCrumb: string) => this.setState({ nextCrumb });
+  handleFocus = (focus: string) => this.setState({ focus });
+  setNextCrumb = (nextCrumb: string) => {
+    this.setState({
+      nextCrumb,
+      focus: defaultFocus[nextCrumb],
+    });
+  };
 
   handleSubmit = (values: ListingInput, actions: FormikActions<FormValues>) => {
     const { props } = this;
@@ -223,12 +282,17 @@ class ListingForm extends React.Component<Props, State> {
         props.history.push(`/host/listings/${this.state.nextCrumb}`);
       })
       .catch((error: ApolloError) => {
-        const formattedError = error.graphQLErrors ? error.graphQLErrors.map(e => e.message).join('\r\n').toString() : error;
+        const formattedError = error.graphQLErrors
+          ? error.graphQLErrors
+              .map(e => e.message)
+              .join('\r\n')
+              .toString()
+          : error;
         alert(`${formattedError}\r\n\r\nIf this continues to occur, please contact us at support@beenest.com`);
         console.error(error);
         return actions.setSubmitting(false);
       });
-  }
+  };
 }
 
 export default compose(
@@ -278,6 +342,11 @@ function omitFields(key: string, value: any) {
   return ['id', '__typename', 'createdAt'].includes(key) ? undefined : value;
 }
 
+function getCurrentCrumb(history: History): string {
+  const path = history.location.pathname;
+  return path.substr(path.lastIndexOf('/') + 1);
+}
+
 function minStringError(readableName: string) {
   return `${readableName}` + ' must be at least ${min} characters long.';
 }
@@ -293,3 +362,7 @@ function minNumberError(readableName: string) {
 function maxNumberError(readableName: string) {
   return `${readableName}` + ' must be less than or equal to ${min}.';
 }
+
+function isFirstFocused(focus: string): boolean {
+  return Object.values(defaultFocus).includes(focus);
+}
diff --git a/src/components/routes/Host/ListingForm/ListingHelp.tsx b/src/components/routes/Host/ListingForm/ListingHelp.tsx
new file mode 100644
index 00000000..9e792fa5
--- /dev/null
+++ b/src/components/routes/Host/ListingForm/ListingHelp.tsx
@@ -0,0 +1,233 @@
+import * as React from 'react';
+import ListItem from 'shared/ListItem';
+import Svg from 'shared/Svg';
+import LazyImage from 'shared/LazyImage';
+import { ListingField }from 'networking/listings';
+
+interface ListingHelpInterface {
+  [name: string]: React.ReactNode;
+}
+
+const HomeType = () => (
+  <div>
+    <h3>Type of Home</h3>
+    <h4>Entire place</h4>
+    <p>The whole space is dedicated to guests. This may be a house, apartment, condo, loft, etc.</p>
+    <h4>Private room</h4>
+    <p>A single room within a place is dedicated to guests. While other areas could be shared, guests have their own private room for sleeping.</p>
+    <h4>Shared room</h4>
+    <p>Bedrooms or a common area that could be shared with others are dedicated to guests.</p>
+  </div>
+);
+
+const Title = () => (
+  <div>
+    <h3>Listing Name</h3>
+    <p>&quot;Beautiful Home with Wifi and Views&quot;</p>
+  </div>
+);
+
+const Description = () => (
+  <div>
+    <h3>Listing Description</h3>
+    <p>Include a summary of your place to help guests imagine what it will be like to stay there. Note what makes your place special, mention what the neighborhood is like, and add anything else guests should know before arriving.</p>
+  </div>
+)
+
+const FullAddress = () => (
+  <div>
+    <h3>Full Address</h3>
+    <p>When adding the Full Address -- don’t forget to add a zip code!</p>
+  </div>
+);
+
+const ListingPicUrl = () => (
+  <div>
+    <h3>Cover Photo</h3>
+    <p>High-quality photos are a must as our guests are typically business travelers. Ideal image dimensions are 1440x960. The maximum file size is 5 MB and the file types we accept are .jpg &amp; .png.</p>
+    <h4>Examples:</h4>
+    <div className="images-container">
+      <LazyImage className="image-container--horizontal" src="https://static.beenest.com/images/photo-examples/Do_LA_Bedroom.jpg" />
+      <LazyImage className="image-container--horizontal" src="https://static.beenest.com/images/photo-examples/Do_LA_Bedroom_2.jpg" />
+    </div>
+  </div>
+);
+
+const Photos = () => (
+  <div>
+    <h3>Listing Photos</h3>
+    <p>Beenest recommends listings have at least 5 high-definition photos available. Photos are the best way to show off your place to potential guests. <span>Pro tip:</span> provide multiple well-lit photos with different angles of bedrooms, bathrooms, and public spaces so guests know exactly what to expect.</p>
+    <h4>Do:</h4>
+    <ul>
+      <ListItem noHover prefixColor="correct" start="tiny">
+        <Svg className="prefix" src="utils/check-circle" />
+        <span>Take horizontal photos</span>
+      </ListItem>
+      <ListItem noHover prefixColor="correct" start="tiny">
+        <Svg className="prefix" src="utils/check-circle" />
+        <span>Take photos when natural light is brightest</span>
+      </ListItem>
+      <ListItem noHover prefixColor="correct" start="tiny">
+        <Svg className="prefix" src="utils/check-circle" />
+        <span>Provide multiple angles</span>
+      </ListItem>
+    </ul>
+    <h4>Don't:</h4>
+    <ul>
+      <ListItem noHover prefixColor="incorrect" start="tiny">
+        <Svg className="prefix" src="utils/x-circle" />
+        <span>Take vertical photos</span>
+      </ListItem>
+      <ListItem noHover prefixColor="incorrect" start="tiny">
+        <Svg className="prefix" src="utils/x-circle" />
+        <span>Take photos when there is no natural light</span>
+      </ListItem>
+      <ListItem noHover prefixColor="incorrect" start="tiny">
+        <Svg className="prefix" src="utils/x-circle" />
+        <span>Upload blurry photos</span>
+      </ListItem>
+    </ul>
+  </div>
+);
+
+const SleepingArrangement = () => (
+  <div>
+    <h3>Sleeping Arrangement</h3>
+    <p>Sleeping Arrangement must include the quantity and size of beds.</p>
+  </div>
+);
+
+const NumberOfBedrooms = () => (
+  <div>
+    <h3>Number of Bedrooms</h3>
+    <p>Number of Bedrooms help guests decide whether your space is a right fit and know what to expect once they’re there.</p>
+  </div>
+);
+
+const NumberOfBathrooms = () => (
+  <div>
+    <h3>Number of Bathrooms</h3>
+    <p>If you have a toilet separate from the shower, count it as a 0.5 bathroom. Count only the bathrooms guests can use.</p>
+  </div>
+);
+
+const SharedBathroom = () => (
+  <div>
+    <h3>Shared Bathroom</h3>
+    <p>Clicking this box confirms that the bathroom is shared.</p>
+  </div>
+);
+
+const Amenities = () => (
+  <div>
+    <h3>Amenities</h3>
+    <p>Please make sure to include Wifi capabilities for business travelers. Providing the essentials helps guests feel at home in your place. Other common amenities include: TV, Heat, Air Conditioning, Iron, Hair dryer, First Aid Kit, Parking on premises, etc.</p>
+    <p>There’s no maximum to the number of amenities you can include so add as many as you’d like! </p>
+  </div>
+);
+
+const MaxGuests = () => (
+  <div>
+    <h3>Max Guests</h3>
+    <p>Is your place made for a single traveler or a group? Indicate the maximum number of guests your place allows.</p>
+  </div>
+);
+
+const MinimumNights = () => (
+  <div>
+    <h3>Minimum Nights</h3>
+    <p>Indicate the minimum number of nights guests must book to stay at your place.</p>
+  </div>
+);
+
+const PricePerNightUsd = () => (
+  <div>
+    <h3>Price Per Night</h3>
+    <p>The price per night should include any associated fees typically charged to guests. This includes cleaning fees, occupancy taxes, etc.</p>
+    <p>Why do we do this? We’re not like everyone else. Beenest is unique in that, rather than tack on a laundry list of fees to guests’ bills only at the time of booking (or even after), Beenest aims to increase transparency in travel and provide all costs up front.</p>
+  </div>
+);
+
+const SecurityDepositUsd = () => (
+  <div>
+    <h3>Security Deposit</h3>
+    <p><span>Note:</span> Security deposit is not charged at the time of booking. It will only be charged if a guest damages your property.</p>
+  </div>
+);
+
+const IcalUrls = () => (
+  <div>
+    <h3>iCal Urls</h3>
+    <p>To avoid double bookings and to prevent multiple guests from booking the same dates, sync your Beenest calendar with your other calendars and input your iCal URL from other booking platforms.</p>
+    <p>Instructions to export calendars on other platforms are generally:</p>
+    <ol>
+      <li>Go to <span>Host</span> and select <span>Calendar</span></li>
+      <li>Click <span>Availability</span> settings in your calendar view</li>
+      <li>Under Sync calendars, select <span>Export Calendar</span></li>
+      <li>Copy and paste the calendar link into Beenest</li>
+    </ol>
+    <p><span>Note:</span> When you edit an external calendar that syncs with your calendar on Beenest, it will take a few hours for those changes to be visible to guests who view your listing.</p>
+  </div>
+);
+
+const CheckInTime = () => (
+  <div>
+    <h3>Check-in (From) and (To)</h3>
+    <p>Provide a window of time in which guests are able to check into your place. Typical times guests check in are between 11 AM - 2PM.</p>
+    <p>Allowing guests to check in later, for instance up until 11:30PM, is preferred.</p>
+  </div>
+);
+
+const CheckOutTime = () => (
+  <div>
+    <h3>Check-out (Before)</h3>
+    <p>Inform guests the time in which they are required to exit the premises. Typical Check-out time is 3 PM.</p>
+  </div>
+);
+
+const HouseRules = () => (
+  <div>
+    <h3>House Rules</h3>
+    <h4>Keep your guests as informed as possible and set ground rules.</h4>
+    <p>Common house rules include:</p>
+    <ul>
+      <li>No pets</li>
+      <li>No smoking</li>
+      <li>No parties or events</li>
+      <li>Self check-in with keypad</li>
+      <li>Additional cancellation policies</li>
+    </ul>
+  </div>
+);
+
+const ListingHelp: ListingHelpInterface = {
+  [ListingField.HOME_TYPE]: <HomeType />,
+  [ListingField.TITLE]: <Title />,
+  [ListingField.DESCRIPTION]: <Description />,
+  [ListingField.ADDRESS_LINE_1]: <FullAddress/>,
+  [ListingField.ADDRESS_LINE_2]: <FullAddress/>,
+  [ListingField.CITY]: <FullAddress/>,
+  [ListingField.STATE]: <FullAddress/>,
+  [ListingField.POSTAL_CODE]: <FullAddress/>,
+  [ListingField.COUNTRY]: <FullAddress />,
+  [ListingField.LISTING_PIC_URL]: <ListingPicUrl />,
+  [ListingField.PHOTOS]: <Photos />,
+  
+  [ListingField.SLEEPING_ARRANGEMENT]: <SleepingArrangement />,
+  [ListingField.NUMBER_OF_BEDROOMS]: <NumberOfBedrooms />,
+  [ListingField.NUMBER_OF_BATHROOMS]: <NumberOfBathrooms />,
+  [ListingField.SHARED_BATHROOM]: <SharedBathroom />,
+  [ListingField.AMENITIES]: <Amenities />,
+
+  [ListingField.MAX_GUESTS]: <MaxGuests />,
+  [ListingField.MINIMUM_NIGHTS]: <MinimumNights />,
+  [ListingField.PRICE_PER_NIGHT_USD]: <PricePerNightUsd />,
+  [ListingField.SECURITY_DEPOSIT_USD]: <SecurityDepositUsd />,
+  [ListingField.ICAL_URLS]: <IcalUrls />,
+  
+  [ListingField.CHECK_IN_TIME]: <CheckInTime />,
+  [ListingField.CHECK_OUT_TIME]: <CheckOutTime />,
+  [ListingField.HOUSE_RULES]: <HouseRules />,
+}
+
+export default ListingHelp;
\ No newline at end of file
diff --git a/src/components/routes/Host/ListingForm/ListingInfoForm/ListingInfoForm.tsx b/src/components/routes/Host/ListingForm/ListingInfoForm/ListingInfoForm.tsx
index f151a201..ed318b36 100644
--- a/src/components/routes/Host/ListingForm/ListingInfoForm/ListingInfoForm.tsx
+++ b/src/components/routes/Host/ListingForm/ListingInfoForm/ListingInfoForm.tsx
@@ -1,24 +1,24 @@
 import * as React from 'react';
+import { Field, ErrorMessage } from 'formik';
 
+import { ListingField } from 'networking/listings';
+import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
 import InputLabel from 'shared/InputLabel';
 import InputWrapper from 'shared/InputWrapper';
+import GoogleMaps from 'shared/GoogleMaps';
+import { PhotoUploader, Photo } from 'shared/PhotoUploader';
 import SelectBoxWrapper from 'shared/SelectBoxWrapper';
 import Svg from 'shared/Svg';
-import { COUNTRY_CODES } from 'utils/countryCodes';
 import Textarea from 'shared/Textarea';
+import { TextareaEvent } from 'shared/Textarea/Textarea';
+import { COUNTRY_CODES } from 'utils/countryCodes';
 import { formatAddress } from 'utils/formatter';
 import { HomeTypeHostForm } from 'utils/validators';
-import { PhotoUploader, Photo } from 'shared/PhotoUploader';
-import GoogleMaps from 'shared/GoogleMaps';
-import { Field, FormikProps, ErrorMessage } from 'formik';
-import { TextareaEvent } from 'shared/Textarea/Textarea';
-import { ListingInput } from 'networking/listings';
-import ErrorMessageWrapper from 'shared/ErrorMessageWrapper';
 
 const LAT_LNG_EPSILON = Math.pow(10, -6); // decimal places stored in db
 
-const ListingInfoForm = (props: FormikProps<ListingInput>): JSX.Element => {
-  const { errors, setFieldValue, setFieldTouched, values } = props;
+const ListingInfoForm = (props: any): JSX.Element => {
+  const { errors, setFieldValue, setFieldTouched, setFocus, values } = props;
   const { addressLine1, city, country, postalCode, state } = values;
   const address = formatAddress(addressLine1, city, state, postalCode, country);
   const StyledErrorMessage = (props: { name: string }) => (
@@ -30,116 +30,133 @@ const ListingInfoForm = (props: FormikProps<ListingInput>): JSX.Element => {
     <>
       <div className="form-item">
         <InputLabel>Type of Home</InputLabel>
-        <SelectBoxWrapper suffixSize="tiny">
+        <SelectBoxWrapper
+          borderColor="body"
+          borderSize="1px"
+          focusBorderColor="style"
+          suffixSize="tiny">
           <select
-            id="homeType"
-            name="homeType"
-            onBlur={() => setFieldTouched('homeType', true)}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldValue('homeType', event.target.value)}
-            value={values.homeType}
-          >
+            id={ListingField.HOME_TYPE}
+            name={ListingField.HOME_TYPE}
+            onBlur={() => setFieldTouched(ListingField.HOME_TYPE, true)}
+            onFocus={() => setFocus(ListingField.HOME_TYPE)}
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => {
+              setFieldValue(ListingField.HOME_TYPE, event.target.value);
+            }}
+            value={values.homeType}>
             {Object.values(HomeTypeHostForm).map((value: HomeTypeHostForm) => (
               <option value={value} key={value}>
                 {value}
               </option>
             ))}
           </select>
-          <label htmlFor="homeType">
+          <label htmlFor={ListingField.HOME_TYPE}>
             <Svg className="suffix" src="utils/carat-down" />
           </label>
         </SelectBoxWrapper>
-        <StyledErrorMessage name="homeType" />
+        <StyledErrorMessage name={ListingField.HOME_TYPE} />
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="title" subLabel="(required)">
+        <InputLabel htmlFor={ListingField.TITLE} subLabel="(required)">
           Listing Name
         </InputLabel>
         <InputWrapper>
-          <Field name="title" placeholder="Title" type="text" />
+          <Field
+            onFocus={() => setFocus(ListingField.TITLE)}
+            name={ListingField.TITLE}
+            placeholder={ListingField.TITLE}
+            type="text" />
         </InputWrapper>
-        <StyledErrorMessage name="title" />
+        <StyledErrorMessage name={ListingField.TITLE} />
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="description" subLabel="(required)">Listing Description</InputLabel>
+        <InputLabel htmlFor={ListingField.DESCRIPTION} subLabel="(required)">Listing Description</InputLabel>
         <Textarea
           html
-          name="description"
-          onBlur={() => setFieldTouched('description', true)}
+          name={ListingField.DESCRIPTION}
+          onBlur={() => setFieldTouched(ListingField.DESCRIPTION, true)}
           onChange={(event: TextareaEvent) => {
-            setFieldValue('description', event.target.value);
+            setFieldValue(ListingField.DESCRIPTION, event.target.value);
           }}
+          onFocus={() => setFocus(ListingField.DESCRIPTION)}
           value={values.description}
           placeholder="Tell us about your home"
         />
-        <StyledErrorMessage name="description" />
+        <StyledErrorMessage name={ListingField.DESCRIPTION} />
       </div>
 
       <div className="form-item address">
-        <InputLabel htmlFor="addressLine1" subLabel="(required)">Full Address</InputLabel>
+        <InputLabel htmlFor={ListingField.ADDRESS_LINE_1} subLabel="(required)">Full Address</InputLabel>
         {[
           {
-            name: 'addressLine1',
+            name: ListingField.ADDRESS_LINE_1,
+            onFocus: () => setFocus(ListingField.ADDRESS_LINE_1),
             placeholder: 'Address Line 1',
             type: 'text',
           },
           {
-            name: 'addressLine2',
+            name: ListingField.ADDRESS_LINE_2,
+            onFocus: () => setFocus(ListingField.ADDRESS_LINE_2),
             placeholder: 'Address Line 2',
             type: 'text',
           },
           {
             className: 'city',
-            name: 'city',
+            name: ListingField.CITY,
+            onFocus: () => setFocus(ListingField.CITY),
             placeholder: 'City',
             type: 'text',
           },
           {
             className: 'state',
-            name: 'state',
+            name: ListingField.STATE,
+            onFocus: () => setFocus(ListingField.STATE),
             placeholder: 'State',
             type: 'text',
           },
           {
             className: 'postal-code',
-            name: 'postalCode',
+            name: ListingField.POSTAL_CODE,
+            onFocus: () => setFocus(ListingField.POSTAL_CODE),
             placeholder: '88888',
             type: 'text',
           },
-        ].map(({ className, name, placeholder, type }) => (
+        ].map(({ className, name, onFocus, placeholder, type }) => (
           <InputWrapper key={name} className={className}>
-            <Field name={name} placeholder={placeholder} type={type} />
+            <Field name={name} onFocus={onFocus} placeholder={placeholder} type={type} />
           </InputWrapper>
         ))}
-          {<StyledErrorMessage name={
-            errors.addressLine1 ? 'addressLine1' :
-            errors.city ? 'city' :
-            errors.state ? 'state' :
-            errors.postalCode ? 'postalCode' : ''} />}
-      </div>
-
-      <div className="form-item">
-        <InputLabel>Country</InputLabel>
-        <SelectBoxWrapper suffixSize="tiny">
+        <SelectBoxWrapper
+          borderColor="body"
+          borderSize="1px"
+          className="country"
+          focusBorderColor="style"
+          suffixSize="tiny">
           <select
-            id="country"
-            name="country"
-            onBlur={() => setFieldTouched('country', true)}
-            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldValue('country', event.target.value)}
-            value={values.country}
-          >
+            id={ListingField.COUNTRY}
+            name={ListingField.COUNTRY}
+            onFocus={() => setFocus(ListingField.COUNTRY)}
+            onBlur={() => setFieldTouched(ListingField.COUNTRY, true)}
+            onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setFieldValue(ListingField.COUNTRY, event.target.value)}
+            value={values.country}>
             {COUNTRY_CODES.map(country => (
               <option key={country.code} value={country.code}>
                 {country.name}
               </option>
             ))}
           </select>
-          <label htmlFor="country">
+          <label htmlFor={ListingField.COUNTRY}>
             <Svg className="suffix" src="utils/carat-down" />
           </label>
         </SelectBoxWrapper>
-        <StyledErrorMessage name="country" />
+        {<StyledErrorMessage name={
+            errors.addressLine1 ? ListingField.ADDRESS_LINE_1 :
+            errors.city ? ListingField.CITY :
+            errors.state ? ListingField.STATE :
+            errors.postalCode ? ListingField.POSTAL_CODE :
+            errors.country ? ListingField.COUNTRY : ''} />}
       </div>
 
       <div className="form-item map-preview">
@@ -148,35 +165,35 @@ const ListingInfoForm = (props: FormikProps<ListingInput>): JSX.Element => {
           address={address}
           getCoordinates={({ lat, lng }) => {
             if (isCoordinateValid(lat, values.lat)) {
-              setFieldValue('lat', lat);
+              setFieldValue(ListingField.LAT, lat);
             }
             if (isCoordinateValid(lng, values.lng)) {
-              setFieldValue('lng', lng);
+              setFieldValue(ListingField.LNG, lng);
             }
             return { lat, lng };
           }}
           showMarker
         />
         {<StyledErrorMessage name={
-          errors.lat ? 'lat' :
-          errors.lng ? 'lng' : ''} />}
+          errors.lat ? ListingField.LAT :
+          errors.lng ? ListingField.LNG : ''} />}
       </div>
 
-      <div className="form-item photo">
-        <InputLabel htmlFor="listingPicUrl" subLabel="(required)">Cover Photo</InputLabel>
+      <div className="form-item photo" onMouseEnter={() => setFocus(ListingField.LISTING_PIC_URL)}>
+        <InputLabel htmlFor={ListingField.LISTING_PIC_URL} subLabel="(required)">Cover Photo</InputLabel>
         <PhotoUploader
           initialPhotos={values.listingPicUrl ? [{ url: values.listingPicUrl }] : []}
           maxFiles={1}
+          onClick={() => setFocus(ListingField.LISTING_PIC_URL)}
           onPhotosUpdated={(photo: Photo[]) => {
-            setFieldTouched('listingPicUrl', true);
-            setFieldValue('listingPicUrl', photo[0] ? photo[0].url : '');
-          }}
-        />
-        <StyledErrorMessage name="listingPicUrl" />
+            setFieldTouched(ListingField.LISTING_PIC_URL, true);
+            setFieldValue(ListingField.LISTING_PIC_URL, photo[0] ? photo[0].url : '');
+          }} />
+        <StyledErrorMessage name={ListingField.LISTING_PIC_URL} />
       </div>
 
-      <div className="form-item photo">
-        <InputLabel htmlFor="photos" subLabel="(required, limit 25)">
+      <div className="form-item photo" onMouseEnter={() => setFocus(ListingField.PHOTOS)}>
+        <InputLabel htmlFor={ListingField.PHOTOS} subLabel="(required, limit 25)">
           Listing Photos
         </InputLabel>
         <PhotoUploader
@@ -184,12 +201,12 @@ const ListingInfoForm = (props: FormikProps<ListingInput>): JSX.Element => {
             return { url };
           })}
           maxFiles={25}
+          onClick={() => setFocus(ListingField.PHOTOS)}
           onPhotosUpdated={(photo: Photo[]) => {
-            setFieldTouched('photos', true);
-            setFieldValue('photos', photo.map(photo => photo.url));
-          }}
-        />
-        <StyledErrorMessage name="photos" />
+            setFieldTouched(ListingField.PHOTOS, true);
+            setFieldValue(ListingField.PHOTOS, photo.map(photo => photo.url));
+          }} />
+        <StyledErrorMessage name={ListingField.PHOTOS} />
       </div>
     </>
   );
diff --git a/src/components/routes/Host/ListingForm/PricingAvailabilityForm/PricingAvailabilityForm.tsx b/src/components/routes/Host/ListingForm/PricingAvailabilityForm/PricingAvailabilityForm.tsx
index 70f66c54..58e7abbc 100644
--- a/src/components/routes/Host/ListingForm/PricingAvailabilityForm/PricingAvailabilityForm.tsx
+++ b/src/components/routes/Host/ListingForm/PricingAvailabilityForm/PricingAvailabilityForm.tsx
@@ -1,16 +1,17 @@
 import * as React from 'react';
+import { Field, ErrorMessage } from 'formik';
 
+import { ListingField } from 'networking/listings';
+import ErrorMessageWrapper from 'shared/ErrorMessageWrapper/ErrorMessageWrapper';
 import InputLabel from 'shared/InputLabel';
 import InputWrapper from 'shared/InputWrapper';
+import NumberInput from 'shared/NumberInput';
 import Textarea from 'shared/Textarea';
 import { TextareaEvent } from 'shared/Textarea/Textarea';
-import { Field, ErrorMessage } from 'formik';
 import { stringToArray, arrayToString } from 'utils/formatter';
-import ErrorMessageWrapper from 'shared/ErrorMessageWrapper/ErrorMessageWrapper';
-import NumberInput from 'shared/NumberInput';
 
 const PricingAvailabilityForm = (props: any): JSX.Element => {
-  const { setFieldTouched, setFieldValue, values } = props;
+  const { setFocus, setFieldTouched, setFieldValue, values } = props;
   const StyledErrorMessage = (props: { name: string }) => (
     <ErrorMessageWrapper>
       {props.name && <ErrorMessage {...props} />}
@@ -20,71 +21,76 @@ const PricingAvailabilityForm = (props: any): JSX.Element => {
     <>
       <div className="form-item">
         <div className="input-container max-guests">
-          <InputLabel htmlFor="maxGuests">Max Guests</InputLabel>
+          <InputLabel htmlFor={ListingField.MAX_GUESTS}>Max Guests</InputLabel>
           <NumberInput
             value={values.maxGuests}
             max={16}
             min={1}
             onChange={(value: number) => {
-              setFieldValue('maxGuests', value);
-              setFieldTouched('maxGuests');
+              setFieldValue(ListingField.MAX_GUESTS, value);
+              setFieldTouched(ListingField.MAX_GUESTS);
+              setFocus(ListingField.MAX_GUESTS);
             }}
           />
         </div>
-        <StyledErrorMessage name="maxGuests" />
+        <StyledErrorMessage name={ListingField.MAX_GUESTS} />
       </div>
 
       <div className="form-item short">
         <div className="input-container">
-          <InputLabel htmlFor="minimumNights" subLabel="(required)">Minimum Nights</InputLabel>
+          <InputLabel htmlFor={ListingField.MINIMUM_NIGHTS} subLabel="(required)">Minimum Nights</InputLabel>
           <InputWrapper>
             <Field
-              name="minimumNights"
+              onFocus={() => setFocus(ListingField.MINIMUM_NIGHTS)}
+              name={ListingField.MINIMUM_NIGHTS}
               placeholder="# of nights"
               type="number" />
           </InputWrapper>
-          <StyledErrorMessage name="minimumNights" />
+          <StyledErrorMessage name={ListingField.MINIMUM_NIGHTS} />
         </div>
       </div>
 
       <div className="form-item short">
         <div className="input-container">
-          <InputLabel htmlFor="pricePerNightUsd" subLabel="(required)">Price Per Night USD</InputLabel>
+          <InputLabel htmlFor={ListingField.PRICE_PER_NIGHT_USD} subLabel="(required)">Price Per Night USD</InputLabel>
           <InputWrapper>
             <Field
-              name="pricePerNightUsd"
+              onFocus={() => setFocus(ListingField.PRICE_PER_NIGHT_USD)}
+              name={ListingField.PRICE_PER_NIGHT_USD}
               placeholder="$"
               type="number" />
           </InputWrapper>
-          <StyledErrorMessage name="pricePerNightUsd" />
+          <StyledErrorMessage name={ListingField.PRICE_PER_NIGHT_USD} />
         </div>
       </div>
       
       <div className="form-item short">
-        <div className="input-container security-deposit">
-          <InputLabel htmlFor="securityDepositUsd" subLabel="(required)">Security Deposit USD</InputLabel>
+        <div className="input-container">
+          <InputLabel htmlFor={ListingField.SECURITY_DEPOSIT_USD} subLabel="(required)">Security Deposit USD</InputLabel>
           <InputWrapper>
             <Field
-              name="securityDepositUsd"
+              onFocus={() => setFocus(ListingField.SECURITY_DEPOSIT_USD)}
+              name={ListingField.SECURITY_DEPOSIT_USD}
               placeholder="$"
               type="number" />
           </InputWrapper>
-          <StyledErrorMessage name="securityDepositUsd" />
+          <StyledErrorMessage name={ListingField.SECURITY_DEPOSIT_USD} />
         </div>
       </div>
 
       <div className="form-item">
-        <InputLabel htmlFor="icalUrls" subLabel="(separate by comma)">iCal URLs:</InputLabel>
+        <InputLabel htmlFor={ListingField.ICAL_URLS} subLabel="(optional, separate by comma)">iCal URLs:</InputLabel>
         <Textarea
           textareaHeight="80px"
-          name="icalUrls"
-          onBlur={() => setFieldTouched('icalUrls', true)}
+          name={ListingField.ICAL_URLS}
+          onBlur={() => setFieldTouched(ListingField.ICAL_URLS, true)}
+          onFocus={() => setFocus(ListingField.ICAL_URLS)}
           onChange={(event: TextareaEvent) => {
-            setFieldValue('icalUrls', stringToArray(event.target.value));
+            setFieldValue(ListingField.ICAL_URLS, stringToArray(event.target.value));
           }}
           value={arrayToString(values.icalUrls)}
           placeholder="https://www.airbnb.com/calendar/ical/XXX" />
-        <StyledErrorMessage name="icalUrls" />
+        <StyledErrorMessage name={ListingField.ICAL_URLS} />
       </div>
     </>
   );
diff --git a/src/components/shared/PhotoUploader/PhotoUploader.tsx b/src/components/shared/PhotoUploader/PhotoUploader.tsx
index 1d11532e..acbacb2e 100644
--- a/src/components/shared/PhotoUploader/PhotoUploader.tsx
+++ b/src/components/shared/PhotoUploader/PhotoUploader.tsx
@@ -22,6 +22,7 @@ interface Props {
   initialPhotos?: Photo[];
   maxFiles?: number;
   message?: string;
+  onClick?: () => void;
   onPhotosUpdated: (value: Photo[]) => void;
 }
 
@@ -54,6 +55,7 @@ export class PhotoUploader extends React.Component<Props, State> {
 
   render() {
     const djsConfig = {
+      clickable: true,
       addRemoveLinks: true,
       acceptedFiles: 'image/jpeg,image/png,image/gif',
       autoProcessQueue: true,
@@ -65,8 +67,11 @@ export class PhotoUploader extends React.Component<Props, State> {
       parallelUploads: 1,
     };
     return (
-      <PhotoUploaderContainer>
-        <DropzoneComponent config={CONFIG} eventHandlers={this.eventHandlers} djsConfig={djsConfig}>
+      <PhotoUploaderContainer onClick={this.props.onClick}>
+        <DropzoneComponent
+          config={CONFIG}
+          eventHandlers={this.eventHandlers}
+          djsConfig={djsConfig}>
           <div className="dz-message">
             <Svg className="photouploader-svg" src="logo/bee-circle" />
             <span>{this.props.message}</span>
diff --git a/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.container.ts b/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.container.ts
index e45ac6bb..9db08e37 100644
--- a/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.container.ts
+++ b/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.container.ts
@@ -2,7 +2,10 @@ import styled from 'styled-components';
 import { base, color, typography } from 'styled/utils';
 
 type Props = Partial<{
+  focusBorderColor: string;
   background: string;
+  borderColor: string;
+  borderSize: string;
   box: boolean;
   end: string;
   font: string;
@@ -105,9 +108,9 @@ const SelectBoxWrapperContainer = styled.div`
     background-color: transparent;
     border: 0;
     border-radius: 0;
-    ${({ box }: Props) => {
+    ${({ box, borderColor, borderSize }: Props) => {
       const type = box ? 'border' : 'border-bottom';
-      return `${type}: 2px solid ${color('style')};`; 
+      return `${type}: ${borderSize || '2px'} solid ${color(borderColor || 'style')};`; 
     }};
     color: ${({ textColor }: Props) => color(textColor || 'body')};
     display: flex;
@@ -129,9 +132,9 @@ const SelectBoxWrapperContainer = styled.div`
       opacity: 0.5;
     }
     &:focus {
-      ${({ box }: Props) => {
+      ${({ box, borderSize, focusBorderColor }: Props) => {
         const type = box ? 'border' : 'border-bottom';
-        return `${type}: 2px solid ${color('secondary')};`; 
+        return `${type}: ${borderSize || '2px'} solid ${color(focusBorderColor || 'secondary')};`; 
       }};
     }
     &:-moz-focusring { /** Remove dotted border/outline onClick from firefox */
diff --git a/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.tsx b/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.tsx
index e8bddefb..1cf95fb8 100644
--- a/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.tsx
+++ b/src/components/shared/SelectBoxWrapper/SelectBoxWrapper.tsx
@@ -12,10 +12,13 @@ import SelectBoxWrapperContainer from './SelectBoxWrapper.container';
 
 type Props = Partial<{
   background: string;
+  borderColor: string;
+  borderSize: string;
   box: boolean;
   children: React.ReactNode;
   className: string;
   end: string;
+  focusBorderColor: string;
   font: string;
   mobile: boolean;
   noFlex: boolean;
@@ -33,7 +36,7 @@ type Props = Partial<{
 
 const SelectBoxWrapper = (props: Props) => {
   const { className, children } = props;
-
+  
   return (
     <SelectBoxWrapperContainer
       className={`bee-select-box-wrapper ${className || ''}`.trim()} 
diff --git a/src/components/shared/Textarea/Textarea.tsx b/src/components/shared/Textarea/Textarea.tsx
index e9348046..491aa758 100644
--- a/src/components/shared/Textarea/Textarea.tsx
+++ b/src/components/shared/Textarea/Textarea.tsx
@@ -22,6 +22,7 @@ interface Props {
   noBoxShadow?: boolean;
   onBlur?: () => void;
   onChange: (event: TextareaEvent) => void;
+  onFocus?: () => void;
   placeholder?: string;
   placeholderColor?: string;
   placeholderOpacity?: number;
diff --git a/src/networking/listings.ts b/src/networking/listings.ts
index 1af7fb8f..45ed51fb 100644
--- a/src/networking/listings.ts
+++ b/src/networking/listings.ts
@@ -472,3 +472,34 @@ export const DEACTIVATE_LISTING = gql`
     }
   }
 `;
+
+// TODO: Move this into more related form file when it becomes more appropriate
+export enum ListingField {
+  ADDRESS_LINE_1 = 'addressLine1',
+  ADDRESS_LINE_2 = 'addressLine2',
+  AMENITIES = 'amenities',
+  CHECK_IN_TIME = 'checkInTime',
+  CHECK_OUT_TIME = 'checkOutTime',
+  CITY = 'city',
+  COUNTRY = 'country',
+  DESCRIPTION = 'description',
+  HOME_TYPE = 'homeType',
+  HOUSE_RULES = 'houseRules',
+  ICAL_URLS = 'icalUrls',
+  IS_ACTIVE = 'isActive',
+  LAT = 'lat',
+  LNG = 'lng',
+  LISTING_PIC_URL = 'listingPicUrl',
+  MAX_GUESTS = 'maxGuests',
+  MINIMUM_NIGHTS = 'minimumNights',
+  NUMBER_OF_BATHROOMS = 'numberOfBathrooms',
+  NUMBER_OF_BEDROOMS = 'numberOfBedrooms',
+  PHOTOS = 'photos',
+  POSTAL_CODE = 'postalCode',
+  PRICE_PER_NIGHT_USD = 'pricePerNightUsd',
+  SECURITY_DEPOSIT_USD = 'securityDepositUsd',
+  SHARED_BATHROOM = 'sharedBathroom',
+  SLEEPING_ARRANGEMENT = 'sleepingArrangement',
+  STATE = 'state',
+  TITLE = 'title',
+}
\ No newline at end of file