diff --git a/public/index.html b/public/index.html
index d6dabdc..fce3da5 100644
--- a/public/index.html
+++ b/public/index.html
@@ -196,27 +196,6 @@ <h3>Your privacy settings</h3>
           </div>
         </div>
         <!-- End feedback form -->
-        <!-- Breadcrumbs -->
-        <nav aria-label="Breadcrumb" class="wmnds-breadcrumb">
-          <ol class="wmnds-breadcrumb__list">
-            <li class="wmnds-breadcrumb__list-item">
-              <a href="//wmnetwork.co.uk" class="wmnds-breadcrumb__link">Home</a>
-            </li>
-            <!-- <li class="wmnds-breadcrumb__list-item">
-              <a href="//wmnetwork.co.uk/sub-page/" class="wmnds-breadcrumb__link"> Sub page </a>
-            </li> -->
-            <li class="wmnds-breadcrumb__list-item">
-              <a
-                href="/"
-                class="wmnds-breadcrumb__link wmnds-breadcrumb__link--current"
-                aria-current="page"
-              >
-                %REACT_APP_TITLE%
-              </a>
-            </li>
-          </ol>
-        </nav>
-        <!-- End Breadcrumbs -->
       </div>
     </header>
 
diff --git a/src/components/RailZoneFinder/ListView/ListView.js b/src/components/RailZoneFinder/ListView/ListView.js
index 6314d3c..8a8375a 100644
--- a/src/components/RailZoneFinder/ListView/ListView.js
+++ b/src/components/RailZoneFinder/ListView/ListView.js
@@ -1,11 +1,10 @@
 import React, { useState } from 'react';
-
 import Button from '../../shared/Button/Button';
 import AccessIcon from '../../shared/Icon/AccessIcon';
 import Icon from '../../shared/Icon/Icon';
 import AccessibilityKey from '../../shared/AccessibilityKey/AccessibilityKey';
 import Accordion from '../../shared/Accordion/Accordion';
-import TrayComponents from '../../shared/SearchComponents/SearchComponents';
+import AutoComplete from '../../shared/AutoComplete/AutoComplete';
 import s from './ListView.module.scss';
 
 import railData from '../RailData.json';
@@ -39,7 +38,7 @@ const ListView = () => {
       <div className="wmnds-grid wmnds-grid--spacing-md-2-lg wmnds-p-b-md">
         <div className="wmnds-col-1-1 wmnds-col-md-2-3">
           <div className={`bg-white wmnds-p-md ${s.trayComponents}`}>
-            <TrayComponents />
+            <AutoComplete />
           </div>
         </div>
       </div>
diff --git a/src/components/RailZoneFinder/MapView/MapView.js b/src/components/RailZoneFinder/MapView/MapView.js
index 4dba1b6..a258da8 100644
--- a/src/components/RailZoneFinder/MapView/MapView.js
+++ b/src/components/RailZoneFinder/MapView/MapView.js
@@ -1,7 +1,7 @@
 import React from 'react';
 // Rail zone svg component
 import Map from '../Map/Map';
-import TrayComponents from '../../shared/SearchComponents/SearchComponents';
+import AutoComplete from '../../shared/AutoComplete/AutoComplete';
 import s from './MapView.module.scss';
 
 const MapView = () => {
@@ -10,7 +10,7 @@ const MapView = () => {
       <div className={`${s.container} wmnds-grid wmnds-grid--spacing-md-2-lg`}>
         <div className="wmnds-col-1-1 wmnds-col-md-1-2 wmnds-col-lg-1-3">
           <div className="bg-white wmnds-p-md">
-            <TrayComponents />
+            <AutoComplete />
           </div>
         </div>
         <div className="wmnds-col-1-1 wmnds-col-md-1-2 wmnds-col-lg-2-3">
diff --git a/src/components/RailZoneFinder/RailZoneFinder.js b/src/components/RailZoneFinder/RailZoneFinder.js
index 142d575..e49b7c5 100644
--- a/src/components/RailZoneFinder/RailZoneFinder.js
+++ b/src/components/RailZoneFinder/RailZoneFinder.js
@@ -1,12 +1,15 @@
 import React, { useContext } from 'react';
-import { MapContext } from 'globalState';
+import { MapContext, AutoCompleteContext } from 'globalState';
 // Rail zone svg component
 import Button from '../shared/Button/Button';
+import Icon from '../shared/Icon/Icon';
+import Breadcrumbs from '../shared/Breadcrumbs/Breadcrumbs';
 import MapView from './MapView/MapView';
 import ListView from './ListView/ListView';
 import s from './RailZoneFinder.module.scss';
 
 function RailZoneFinder() {
+  const [autoCompleteState] = useContext(AutoCompleteContext);
   const [mapState, mapDispatch] = useContext(MapContext);
   const { mapView } = mapState;
   // Toggle between map and list view
@@ -16,9 +19,22 @@ function RailZoneFinder() {
       payload: !mapView,
     });
   };
+
   return (
     <>
       <div className="wmnds-container">
+        {autoCompleteState.ticketMode ? (
+          <div className="wmnds-m-b-lg wmnds-m-t-md">
+            <a
+              href="https://find-a-ticket.wmnetwork.co.uk/"
+              className={`wmnds-btn wmnds-btn--link ${s.backLink}`}
+            >
+              <Icon iconName="general-chevron-right" /> Back to ticket finder
+            </a>
+          </div>
+        ) : (
+          <Breadcrumbs />
+        )}
         <div className={`wmnds-grid wmnds-grid--justify-between ${s.mainHeading}`}>
           <div className="wmnds-col-auto">
             <h1>Find my rail zones</h1>
diff --git a/src/components/RailZoneFinder/RailZoneFinder.module.scss b/src/components/RailZoneFinder/RailZoneFinder.module.scss
index 674b71c..3975d2d 100644
--- a/src/components/RailZoneFinder/RailZoneFinder.module.scss
+++ b/src/components/RailZoneFinder/RailZoneFinder.module.scss
@@ -21,3 +21,14 @@
     white-space: nowrap;
   }
 }
+
+.backLink {
+  display: inline-flex;
+  align-items: center;
+
+  svg {
+    margin-right: $size-xsm;
+    transform: rotate(180deg);
+    fill: currentColor;
+  }
+}
diff --git a/src/components/shared/AccessibilityKey/AccessibilityKey.js b/src/components/shared/AccessibilityKey/AccessibilityKey.js
index c3cab16..28ca6bd 100644
--- a/src/components/shared/AccessibilityKey/AccessibilityKey.js
+++ b/src/components/shared/AccessibilityKey/AccessibilityKey.js
@@ -87,7 +87,7 @@ const AccessibilityKey = ({ mapView }) => {
         />
       ) : (
         <div className={`wmnds-p-md bg-white ${s.accessMenu} ${s.mapKey}`}>
-          <div className="wmnds-grid wmnds-grid--justify-between">
+          <div className={`wmnds-grid wmnds-grid--justify-between ${s.keyHeader}`}>
             <h3 className="wmnds-col-auto">Show parking and accessibility</h3>
             <div className="wmnds-col-auto">
               <Button
diff --git a/src/components/shared/AccessibilityKey/AccessibilityKey.module.scss b/src/components/shared/AccessibilityKey/AccessibilityKey.module.scss
index 0afab34..ff192a5 100644
--- a/src/components/shared/AccessibilityKey/AccessibilityKey.module.scss
+++ b/src/components/shared/AccessibilityKey/AccessibilityKey.module.scss
@@ -39,6 +39,19 @@
   text-align: right;
 }
 
+.keyHeader {
+  flex-wrap: nowrap;
+
+  & > h3 {
+    text-align: left;
+  }
+
+  & > .hideKeyBtn {
+    display: inline-flex;
+    flex-wrap: nowrap;
+  }
+}
+
 @media (min-width: $breakpoint-md) and (min-height: $breakpoint-sm) {
   .mapKeyContainer {
     position: sticky;
diff --git a/src/components/shared/SearchComponents/SearchComponents.js b/src/components/shared/AutoComplete/AutoComplete.js
similarity index 66%
rename from src/components/shared/SearchComponents/SearchComponents.js
rename to src/components/shared/AutoComplete/AutoComplete.js
index 6ea0db5..7b8c8ff 100644
--- a/src/components/shared/SearchComponents/SearchComponents.js
+++ b/src/components/shared/AutoComplete/AutoComplete.js
@@ -3,13 +3,14 @@ import React, { useContext } from 'react';
 import { AutoCompleteContext } from 'globalState';
 // Import components
 import Button from '../Button/Button';
+import Icon from '../Icon/Icon';
 import Result from '../Result/Result';
 import TrainAutoComplete from './TrainAutoComplete/TrainAutocomplete';
-import s from './SearchComponents.module.scss';
+import s from './AutoComplete.module.scss';
 // Import custom hook
 import useMapControls from '../../RailZoneFinder/Map/customHooks/useMapControls';
 
-const TrayComponents = () => {
+const AutoComplete = () => {
   const [autoCompleteState, autoCompleteDispatch] = useContext(AutoCompleteContext);
   const { selectedStations } = autoCompleteState;
   const { resetMap } = useMapControls();
@@ -23,6 +24,22 @@ const TrayComponents = () => {
     autoCompleteDispatch({ type: 'RESET_SELECTED_SERVICES' });
   };
 
+  // Spread ids of selected stations into an array
+  const selectedStationIds = [...selectedStations.map((stn) => stn.id)];
+  let linkParams = '';
+  // Loop through station ids and append a selected station id param to string
+  selectedStationIds.forEach((id, i) => {
+    if (id) {
+      linkParams += `${i === 0 ? '?' : '&'}selectedStation${i}=${id}`;
+    }
+  });
+
+  // Show continue button if:
+  // - ticket search mode is true
+  // - more than one station is selected
+  const continueBtn =
+    autoCompleteState.ticketMode && selectedStations.filter((stn) => stn.id).length > 1;
+
   return (
     <>
       <div className={`${s.trayHeader}`}>
@@ -59,8 +76,20 @@ const TrayComponents = () => {
         />
       </div>
       <Result />
+      {continueBtn && (
+        <a
+          href={`https://find-a-ticket.wmnetwork.co.uk/${linkParams}`}
+          className="wmnds-btn wmnds-btn--icon wmnds-col-1 wmnds-col-sm-auto"
+        >
+          Continue
+          <Icon
+            className="wmnds-btn__icon wmnds-btn__icon--right"
+            iconName="general-chevron-right"
+          />
+        </a>
+      )}
     </>
   );
 };
 
-export default TrayComponents;
+export default AutoComplete;
diff --git a/src/components/shared/SearchComponents/SearchComponents.module.scss b/src/components/shared/AutoComplete/AutoComplete.module.scss
similarity index 100%
rename from src/components/shared/SearchComponents/SearchComponents.module.scss
rename to src/components/shared/AutoComplete/AutoComplete.module.scss
diff --git a/src/components/shared/SearchComponents/SelectedServiceHeader/CloseButton/CloseButton.js b/src/components/shared/AutoComplete/SelectedServiceHeader/CloseButton/CloseButton.js
similarity index 100%
rename from src/components/shared/SearchComponents/SelectedServiceHeader/CloseButton/CloseButton.js
rename to src/components/shared/AutoComplete/SelectedServiceHeader/CloseButton/CloseButton.js
diff --git a/src/components/shared/SearchComponents/SelectedServiceHeader/CloseButton/CloseButton.module.scss b/src/components/shared/AutoComplete/SelectedServiceHeader/CloseButton/CloseButton.module.scss
similarity index 100%
rename from src/components/shared/SearchComponents/SelectedServiceHeader/CloseButton/CloseButton.module.scss
rename to src/components/shared/AutoComplete/SelectedServiceHeader/CloseButton/CloseButton.module.scss
diff --git a/src/components/shared/SearchComponents/SelectedServiceHeader/SelectedServiceHeader.js b/src/components/shared/AutoComplete/SelectedServiceHeader/SelectedServiceHeader.js
similarity index 100%
rename from src/components/shared/SearchComponents/SelectedServiceHeader/SelectedServiceHeader.js
rename to src/components/shared/AutoComplete/SelectedServiceHeader/SelectedServiceHeader.js
diff --git a/src/components/shared/SearchComponents/SelectedServiceHeader/SelectedServiceHeader.module.scss b/src/components/shared/AutoComplete/SelectedServiceHeader/SelectedServiceHeader.module.scss
similarity index 100%
rename from src/components/shared/SearchComponents/SelectedServiceHeader/SelectedServiceHeader.module.scss
rename to src/components/shared/AutoComplete/SelectedServiceHeader/SelectedServiceHeader.module.scss
diff --git a/src/components/shared/SearchComponents/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.js b/src/components/shared/AutoComplete/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.js
similarity index 100%
rename from src/components/shared/SearchComponents/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.js
rename to src/components/shared/AutoComplete/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.js
diff --git a/src/components/shared/SearchComponents/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.module.scss b/src/components/shared/AutoComplete/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.module.scss
similarity index 100%
rename from src/components/shared/SearchComponents/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.module.scss
rename to src/components/shared/AutoComplete/TrainAutoComplete/TrainAutoCompleteResult/TrainAutoCompleteResult.module.scss
diff --git a/src/components/shared/SearchComponents/TrainAutoComplete/TrainAutocomplete.js b/src/components/shared/AutoComplete/TrainAutoComplete/TrainAutocomplete.js
similarity index 100%
rename from src/components/shared/SearchComponents/TrainAutoComplete/TrainAutocomplete.js
rename to src/components/shared/AutoComplete/TrainAutoComplete/TrainAutocomplete.js
diff --git a/src/components/shared/SearchComponents/customHooks/useAutoCompleteAPI.js b/src/components/shared/AutoComplete/customHooks/useAutoCompleteAPI.js
similarity index 98%
rename from src/components/shared/SearchComponents/customHooks/useAutoCompleteAPI.js
rename to src/components/shared/AutoComplete/customHooks/useAutoCompleteAPI.js
index 1fed2e7..93c5469 100644
--- a/src/components/shared/SearchComponents/customHooks/useAutoCompleteAPI.js
+++ b/src/components/shared/AutoComplete/customHooks/useAutoCompleteAPI.js
@@ -73,7 +73,7 @@ const useAutoCompleteAPI = (queryId) => {
       ? railData.railStationAccess.filter((station) => {
           return station.stationName.toLowerCase().includes(query.trim().toLowerCase());
         })
-      : [];
+      : railData.railStationAccess;
     handleAutoCompleteApiResponse(response);
   }, [handleAutoCompleteApiResponse, query]);
 
diff --git a/src/components/shared/SearchComponents/customHooks/useHandleAutoCompleteKeys.js b/src/components/shared/AutoComplete/customHooks/useHandleAutoCompleteKeys.js
similarity index 100%
rename from src/components/shared/SearchComponents/customHooks/useHandleAutoCompleteKeys.js
rename to src/components/shared/AutoComplete/customHooks/useHandleAutoCompleteKeys.js
diff --git a/src/components/shared/Breadcrumbs/Breadcrumbs.js b/src/components/shared/Breadcrumbs/Breadcrumbs.js
new file mode 100644
index 0000000..7088b27
--- /dev/null
+++ b/src/components/shared/Breadcrumbs/Breadcrumbs.js
@@ -0,0 +1,28 @@
+import React from 'react';
+
+const { REACT_APP_TITLE } = process.env;
+
+function Breadcrumbs() {
+  return (
+    <nav ariaLabel="Breadcrumb" className="wmnds-breadcrumb">
+      <ol className="wmnds-breadcrumb__list">
+        <li className="wmnds-breadcrumb__list-item">
+          <a href="//wmnetwork.co.uk" className="wmnds-breadcrumb__link">
+            Home
+          </a>
+        </li>
+        <li className="wmnds-breadcrumb__list-item">
+          <a
+            href="/"
+            className="wmnds-breadcrumb__link wmnds-breadcrumb__link--current"
+            ariaCurrent="page"
+          >
+            {REACT_APP_TITLE}
+          </a>
+        </li>
+      </ol>
+    </nav>
+  );
+}
+
+export default Breadcrumbs;
diff --git a/src/components/shared/Radios/Radio/Radio.js b/src/components/shared/Radios/Radio/Radio.js
new file mode 100644
index 0000000..8762f1a
--- /dev/null
+++ b/src/components/shared/Radios/Radio/Radio.js
@@ -0,0 +1,54 @@
+/* eslint-disable jsx-a11y/label-has-associated-control */
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import dompurify from 'dompurify';
+
+// Import contexts
+import { FormContext } from 'globalState';
+
+import s from './Radio.module.scss';
+
+const { sanitize } = dompurify;
+
+const Radio = ({ name = '', onChange, text, value, info }) => {
+  const [formState] = useContext(FormContext); // Get the state/dispatch of form data from FormContext
+
+  return (
+    <>
+      <label className={`${s.radioContainer} wmnds-fe-radios__container`}>
+        <div className={s.text} dangerouslySetInnerHTML={{ __html: sanitize(text) }} />
+        <input
+          className={`${s.radio} wmnds-fe-radios__input`}
+          value={value}
+          name={name}
+          type="radio"
+          onChange={onChange}
+          defaultChecked={formState[name] && formState[name] === value}
+        />
+        {info && (
+          <div
+            className={`${s.insetText} wmnds-inset-text wmnds-m-t-xs`}
+            dangerouslySetInnerHTML={{ __html: sanitize(info) }}
+          />
+        )}
+        <span className="wmnds-fe-radios__checkmark" />
+      </label>
+    </>
+  );
+};
+
+Radio.propTypes = {
+  name: PropTypes.string,
+  onChange: PropTypes.func,
+  text: PropTypes.string.isRequired,
+  value: PropTypes.string.isRequired,
+  info: PropTypes.string,
+};
+
+Radio.defaultProps = {
+  name: '',
+  onChange: null,
+  info: null,
+};
+
+export default Radio;
diff --git a/src/components/shared/Radios/Radio/Radio.module.scss b/src/components/shared/Radios/Radio/Radio.module.scss
new file mode 100644
index 0000000..574936e
--- /dev/null
+++ b/src/components/shared/Radios/Radio/Radio.module.scss
@@ -0,0 +1,34 @@
+// Refer to https://create-react-app.dev/docs/adding-a-css-modules-stylesheet
+// On how to use scss modules with React
+
+// Import WMN Design System scss for use in this scss file
+// Tilde (~) represents the root folder(src)
+@import '~assets/wmnds/vars';
+@import '~assets/wmnds/mixins';
+
+.text {
+  display: inline-flex;
+  min-height: 35px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+
+  strong {
+    display: block;
+  }
+}
+
+.radioContainer {
+  flex-wrap: wrap;
+}
+
+.insetText {
+  display: none;
+  flex: 0 0 100%;
+}
+
+.radio {
+  &:checked + .insetText {
+    display: block;
+  }
+}
diff --git a/src/components/shared/Radios/Radios.js b/src/components/shared/Radios/Radios.js
new file mode 100644
index 0000000..17f10d1
--- /dev/null
+++ b/src/components/shared/Radios/Radios.js
@@ -0,0 +1,72 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import dompurify from 'dompurify';
+// Import components
+import Radio from './Radio/Radio';
+
+import s from './Radios.module.scss';
+
+const { sanitize } = dompurify;
+
+const Radios = ({ name, hint, question, error, radios, onChange }) => {
+  return (
+    <div className="wmnds-fe-group wmnds-m-b-md">
+      <fieldset className="wmnds-fe-fieldset">
+        <legend className="wmnds-fe-fieldset__legend">
+          <h2 className="wmnds-fe-question">{question}</h2>
+          {hint && <p className={s.hint}>{hint}</p>}
+        </legend>
+        <div className={`wmnds-fe-radios${error ? ' wmnds-fe-group--error' : ''}`}>
+          {/* If there is an error, show here */}
+          {error && (
+            <span
+              className="wmnds-fe-error-message"
+              dangerouslySetInnerHTML={{
+                __html: sanitize(error.message),
+              }}
+            />
+          )}
+          {/* Loop through radios and display each radio button */}
+          {radios.map(({ text, html, value, info }) => (
+            <Radio
+              key={text}
+              name={name}
+              text={html || text}
+              value={value}
+              onChange={onChange}
+              info={info}
+            />
+          ))}
+        </div>
+      </fieldset>
+    </div>
+  );
+};
+
+Radios.propTypes = {
+  name: PropTypes.string.isRequired,
+  hint: PropTypes.string,
+  question: PropTypes.string,
+  error: PropTypes.shape({
+    message: PropTypes.string,
+  }),
+  radios: PropTypes.arrayOf(
+    PropTypes.shape({
+      name: PropTypes.string,
+      onChange: PropTypes.func,
+      text: PropTypes.string.isRequired,
+      value: PropTypes.string.isRequired,
+      info: PropTypes.string,
+    })
+  ).isRequired,
+  onChange: PropTypes.func,
+};
+
+Radios.defaultProps = {
+  question: null,
+  onChange: null,
+  error: null,
+  hint: null,
+};
+
+export default Radios;
diff --git a/src/components/shared/Radios/Radios.module.scss b/src/components/shared/Radios/Radios.module.scss
new file mode 100644
index 0000000..f8792db
--- /dev/null
+++ b/src/components/shared/Radios/Radios.module.scss
@@ -0,0 +1,11 @@
+// Refer to https://create-react-app.dev/docs/adding-a-css-modules-stylesheet
+// On how to use scss modules with React
+
+// Import WMN Design System scss for use in this scss file
+// Tilde (~) represents the root folder(src)
+@import '../../../assets/wmnds/vars';
+@import '../../../assets/wmnds/mixins';
+
+.hint {
+  margin-top: -$size-xsm;
+}
diff --git a/src/components/shared/Result/Result.js b/src/components/shared/Result/Result.js
index 21b60b1..714ed4b 100644
--- a/src/components/shared/Result/Result.js
+++ b/src/components/shared/Result/Result.js
@@ -9,11 +9,15 @@ import s from './Result.module.scss';
 
 const Result = () => {
   const [autoCompleteState] = useContext(AutoCompleteContext);
-  const { selectedStations } = autoCompleteState;
+  const { selectedStations, ticketMode } = autoCompleteState;
 
   // Get selected stations that have an id
   const stations = selectedStations.filter((item) => item.id !== null);
 
+  const zones = [...stations.map((stn) => stn.railZone)];
+  const minZone = Math.min(...zones);
+  const maxZone = Math.max(...zones);
+
   // Get stations with full access from selected stations
   const fullAccessStations = stations
     .filter((item) => item.stepFreeAccess === 'full')
@@ -39,19 +43,47 @@ const Result = () => {
 
   return (
     <div>
-      {stations.map(({ id, stationName, railZone }) => (
-        <p key={id}>
-          {stationName} is{' '}
-          {railZone ? (
-            <>
-              in <strong>Zone {railZone}</strong>
-            </>
-          ) : (
-            <strong>Out of County</strong>
+      {stations.length > 0 && (
+        <>
+          <div className="wmnds-m-b-lg">
+            {stations.map(({ id, stationName, railZone }, i) => (
+              <p
+                key={id}
+                className={
+                  stations.length === i + 1 && stations.length === 1 ? 'wmnds-m-b-none' : ''
+                }
+              >
+                {stationName} is{' '}
+                {railZone < 6 && (
+                  <>
+                    in <strong>Zone {railZone}</strong>
+                  </>
+                )}
+                {railZone === 6 && (
+                  <>
+                    in <strong>nTrain Zone 5</strong>
+                  </>
+                )}
+                {railZone === 7 && <strong>Out of County</strong>}.
+              </p>
+            ))}
+          </div>
+          {stations.length > 1 && ticketMode && (
+            <div className={`wmnds-m-b-lg wmnds-p-md ${s.bgSecondary}`}>
+              <p className={minZone >= 2 ? '' : 'wmnds-m-b-none'}>
+                To travel between these stations, you&rsquo;ll need a{' '}
+                <strong>zone 1 to {maxZone > 5 ? 5 : maxZone}</strong> ticket.
+              </p>
+              {minZone >= 2 && (
+                <p className="wmnds-m-b-none">
+                  If you do not need to travel through Birmingham City Centre, you can get a{' '}
+                  <strong>zone 2 to 5</strong> ticket.
+                </p>
+              )}
+            </div>
           )}
-          .
-        </p>
-      ))}
+        </>
+      )}
       {fullAccessStations.length > 0 && (
         <div className={`${s.nowrap} wmnds-grid wmnds-grid--spacing-2-sm`}>
           <div className="wmnds-col-auto">
diff --git a/src/components/shared/Result/Result.module.scss b/src/components/shared/Result/Result.module.scss
index fd433c5..a551666 100644
--- a/src/components/shared/Result/Result.module.scss
+++ b/src/components/shared/Result/Result.module.scss
@@ -10,3 +10,7 @@
   align-items: flex-start;
   flex-wrap: nowrap;
 }
+
+.bgSecondary {
+  background-color: get-color(secondary, 70);
+}
diff --git a/src/globalState/AutoCompleteContext.js b/src/globalState/AutoCompleteContext.js
index fd69da9..c4923f8 100644
--- a/src/globalState/AutoCompleteContext.js
+++ b/src/globalState/AutoCompleteContext.js
@@ -25,6 +25,7 @@ export const AutoCompleteProvider = (props) => {
 
   // Set intial state
   const initialState = {
+    ticketMode: getSearchParam('ticketSearch') === 'true',
     queries: [getSearchParam('query0') || '', getSearchParam('query1') || '', ...additionalQueries],
     // // The selected service is used to store details when a user has clicked an autocomplete
     selectedStations: [
diff --git a/src/globalState/MapContext.js b/src/globalState/MapContext.js
index 9f76240..52a18a0 100644
--- a/src/globalState/MapContext.js
+++ b/src/globalState/MapContext.js
@@ -1,4 +1,6 @@
 import React, { useReducer, createContext } from 'react';
+// Import Helper functions
+import { getSearchParam, setSearchParam } from 'globalState/helpers/URLSearchParams'; // (used to sync state with URL)
 
 export const MapContext = createContext(); // Create context
 
@@ -9,7 +11,7 @@ export const MapContextProvider = (props) => {
   const initialState = {
     mapRef: null,
     mapContainer: null,
-    mapView: true,
+    mapView: getSearchParam('mapView') !== 'false',
     mapSize: {
       width: 500,
       height: 500,
@@ -35,6 +37,7 @@ export const MapContextProvider = (props) => {
     switch (action.type) {
       // Update view
       case 'UPDATE_VIEW': {
+        setSearchParam('mapView', action.payload);
         return {
           ...state,
           mapView: action.payload,