diff --git a/__snapshots__/storybook.test.ts.snap b/__snapshots__/storybook.test.ts.snap
index 1ad56a326..7d3527fcd 100644
--- a/__snapshots__/storybook.test.ts.snap
+++ b/__snapshots__/storybook.test.ts.snap
@@ -4565,7 +4565,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Only Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -6221,7 +6221,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -6468,7 +6468,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -6809,7 +6809,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -9914,7 +9914,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -10194,7 +10194,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -10634,7 +10634,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -10933,7 +10933,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -11046,7 +11046,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -11106,7 +11106,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -11140,7 +11140,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -11494,7 +11494,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -11741,7 +11741,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -12082,7 +12082,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Rental Transit Itinerary
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -13017,7 +13017,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   color: #333;
 }
 
-.c62 {
+.c64 {
   color: #f44256;
 }
 
@@ -13057,7 +13057,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   margin: 0 0.125em;
 }
 
-.c57 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -13109,7 +13109,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   width: 0;
 }
 
-.c45 {
+.c47 {
   font-weight: 200;
 }
 
@@ -13117,11 +13117,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   font-weight: inherit;
 }
 
-.c44 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c43 {
   color: #807373;
   margin-top: 5px;
@@ -13276,23 +13281,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   padding-left: 1ch;
 }
 
-.c60 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c49 {
+.c51 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -13303,30 +13308,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   text-decoration: none;
 }
 
-.c51 {
+.c53 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c50 {
+.c52 {
   float: left;
   font-size: 18px;
 }
 
-.c48 {
+.c50 {
   display: block;
   margin-top: 3px;
 }
 
-.c47 {
+.c49 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -13335,11 +13340,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   padding: 0;
 }
 
-.c53 {
+.c55 {
   margin-top: 5px;
 }
 
-.c54 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -13347,30 +13352,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   display: flex;
 }
 
-.c56 {
+.c58 {
   font-size: 14px;
 }
 
-.c55 {
+.c57 {
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -13384,6 +13389,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   font-family: Hind,sans-serif;
 }
 
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -13408,7 +13433,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -13558,7 +13583,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -13781,7 +13806,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -14097,7 +14122,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -14330,7 +14355,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -14370,14 +14395,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c44"
+                  className="c46"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c45"
+                      className="c47"
                     >
                       to
                     </span>
@@ -14410,7 +14440,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
           role="group"
         >
           <div
-            className="c46"
+            className="c48"
           >
             Service operated by 
             <a
@@ -14428,12 +14458,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
             </a>
           </div>
           <button
-            className="c26 c47"
+            className="c26 c49"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -14482,18 +14512,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
               style={Object {}}
             >
               <div
-                className="c48"
+                className="c50"
               >
                 <a
-                  className="c49"
+                  className="c51"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -14508,26 +14538,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c49"
+                  className="c51"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -14542,12 +14572,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -14556,13 +14586,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
             </div>
           </div>
           <div
-            className="c53"
+            className="c55"
           >
             <div
-              className="c54"
+              className="c56"
             >
               <button
-                className="c26 c55"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
@@ -14615,21 +14645,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c58"
                 >
                   <ol
-                    className="c57"
+                    className="c59"
                   >
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -14727,7 +14757,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -14950,7 +14980,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -15187,7 +15217,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Bike Transit Bike Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c62 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -15646,7 +15676,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   color: #333;
 }
 
-.c56 {
+.c58 {
   color: #f44256;
 }
 
@@ -15730,7 +15760,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   margin-right: 5px;
 }
 
-.c53 {
+.c55 {
   bottom: 0;
   left: 110px;
   position: absolute;
@@ -15738,14 +15768,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   top: 0;
 }
 
-.c54 {
+.c56 {
   background-color: #fcf9d3;
   display: table;
   height: 100%;
   width: 100%;
 }
 
-.c52 {
+.c54 {
   border-bottom: 16px solid transparent;
   border-right: 16px solid #fcf9d3;
   border-top: 16px solid transparent;
@@ -15756,7 +15786,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   width: 0;
 }
 
-.c55 {
+.c57 {
   color: #444;
   display: table-cell;
   font-style: italic;
@@ -15777,7 +15807,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   margin: 0 0.125em;
 }
 
-.c47 {
+.c49 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -15833,11 +15863,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   font-weight: inherit;
 }
 
-.c41 {
+.c43 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c42 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c40 {
   color: #807373;
   margin-top: 5px;
@@ -15958,27 +15993,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   padding: 0;
 }
 
-.c50 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c51 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c48 {
+.c50 {
   z-index: 30;
   position: relative;
 }
 
-.c43 {
+.c45 {
   margin-top: 5px;
 }
 
-.c44 {
+.c46 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -15986,30 +16021,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   display: flex;
 }
 
-.c46 {
+.c48 {
   font-size: 14px;
 }
 
-.c45 {
+.c47 {
   padding: 0;
 }
 
-.c42 {
+.c44 {
   margin-top: 5px;
 }
 
-.c42 a {
+.c44 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c42 a:hover {
+.c44 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c42 img {
+.c44 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -16023,6 +16058,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   font-family: Hind,sans-serif;
 }
 
+.c1 .c41 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -16047,7 +16102,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
   width: 100%;
 }
 
-.c1 .c49 {
+.c1 .c51 {
   margin-left: -23px;
 }
 
@@ -16241,7 +16296,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
           className="c22"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c23"
@@ -16302,7 +16357,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             className="c29"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c30"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
               target="_blank"
             >
@@ -16310,14 +16365,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             </a>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             2 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -16423,7 +16478,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -16660,7 +16715,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -16705,11 +16760,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
                       </g>
                     </svg>
                   </span>
+                  <span
+                    className="c41 c42"
+                  >
+                    20
+                  </span>
                 </span>
                 <span
-                  className="c41"
+                  className="c43"
                 >
-                  <span />
+                  <span>
+                    Burnside/Stark
+                  </span>
                 </span>
               </span>
               <span
@@ -16737,7 +16799,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
           role="group"
         >
           <div
-            className="c42"
+            className="c44"
           >
             Service operated by 
             <a
@@ -16762,13 +16824,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             />
           </div>
           <div
-            className="c43"
+            className="c45"
           >
             <div
-              className="c44"
+              className="c46"
             >
               <button
-                className="c27 c45"
+                className="c27 c47"
                 onClick={[Function]}
               >
                 Ride 
@@ -16821,35 +16883,35 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c46"
+                  className="c48"
                 >
                   <ol
-                    className="c47"
+                    className="c49"
                   >
                     <li
-                      className="c48"
+                      className="c50"
                     >
                       <div
-                        className="c49 c50"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c53"
                       >
                         W Burnside & SW 2nd
                       </div>
                     </li>
                     <li
-                      className="c48"
+                      className="c50"
                     >
                       <div
-                        className="c49 c50"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c53"
                       >
                         E Burnside & SE 8th
                       </div>
@@ -16974,7 +17036,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -17190,7 +17252,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
           className="c22"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c23"
@@ -17251,23 +17313,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             className="c29"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c30"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
               target="_blank"
             >
               Book Ride
             </a>
             <div
-              className="c52"
+              className="c54"
             />
             <div
-              className="c53"
+              className="c55"
             >
               <div
-                className="c54"
+                className="c56"
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   Wait until 11:08 AM to book
                 </div>
@@ -17275,14 +17337,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
             </div>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             1 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -17320,7 +17382,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Custom Time Column 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c56 c12"
+          className="c8 c58 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -18217,7 +18279,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -18464,7 +18526,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Itinerary 2`]
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -22096,7 +22158,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -22450,7 +22512,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -22915,7 +22977,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -23143,7 +23205,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -23534,7 +23596,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -23855,7 +23917,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux E Scooter Rental Transit Itine
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -24261,9 +24323,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           Object {
             "accessibilityScore": null,
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
             "distance": 825.81,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "dropoffType": "SCHEDULED",
             "duration": 641,
             "endTime": 1685140428000,
@@ -24274,6 +24345,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "name": "47.7792, -122.29032",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "interlineWithPreviousLeg": false,
@@ -24288,7 +24361,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "realTime": false,
             "realtimeState": null,
             "rentedBike": false,
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1685139787000,
             "steps": Array [
               Object {
@@ -24366,10 +24444,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "kcm:82405",
                 "id": "U3RvcDprY206ODI0MDU",
               },
+              "stopCode": "82405",
+              "stopId": "kcm:82405",
               "vertexType": "TRANSIT",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
             "accessibilityScore": null,
@@ -24380,9 +24462,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "timezone": "America/Los_Angeles",
               "url": "https://kingcounty.gov/en/dept/metro",
             },
+            "agencyBrandingUrl": "https://kingcounty.gov/en/dept/metro",
+            "agencyId": "QWdlbmN5OmtjbTox",
+            "agencyName": "Metro Transit",
+            "agencyUrl": "https://kingcounty.gov/en/dept/metro",
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
             "distance": 12180.55,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "dropoffType": "SCHEDULED",
             "duration": 2112,
             "endTime": 1685142540000,
@@ -24553,6 +24644,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "kcm:82405",
                 "id": "U3RvcDprY206ODI0MDU",
               },
+              "stopCode": "82405",
+              "stopId": "kcm:82405",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -24856,15 +24949,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "realTime": false,
             "realtimeState": null,
             "rentedBike": null,
-            "route": Object {
-              "alerts": Array [],
-              "color": null,
-              "id": "Um91dGU6a2NtOjEwMDIwNA",
-              "longName": null,
-              "shortName": "347",
-              "textColor": null,
-              "type": 3,
-            },
+            "route": "347",
+            "routeColor": null,
+            "routeId": "Um91dGU6a2NtOjEwMDIwNA",
+            "routeLongName": null,
+            "routeShortName": "347",
+            "routeTextColor": null,
             "startTime": 1685140428000,
             "steps": Array [],
             "to": Object {
@@ -24878,6 +24968,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "kcm:35318",
                 "id": "U3RvcDprY206MzUzMTg",
               },
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
               "vertexType": "TRANSIT",
             },
             "transitLeg": true,
@@ -24886,13 +24978,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "id": "VHJpcDprY206NTQxNDgwODUz",
               "tripHeadsign": "Northgate Station Ridgecrest",
             },
+            "tripHeadsign": "Northgate Station Ridgecrest",
+            "tripId": "kcm:541480853",
           },
           Object {
             "accessibilityScore": null,
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
             "distance": 60.87,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "dropoffType": "SCHEDULED",
             "duration": 56,
             "endTime": 1685142596000,
@@ -24908,6 +25011,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "kcm:35318",
                 "id": "U3RvcDprY206MzUzMTg",
               },
+              "stopCode": "35318",
+              "stopId": "kcm:35318",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -24922,7 +25027,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "realTime": false,
             "realtimeState": null,
             "rentedBike": false,
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1685142540000,
             "steps": Array [
               Object {
@@ -24949,10 +25059,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "40:990005",
                 "id": "U3RvcDo0MDo5OTAwMDU",
               },
+              "stopCode": "N11-T1",
+              "stopId": "40:990005",
               "vertexType": "TRANSIT",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
             "accessibilityScore": null,
@@ -24963,9 +25077,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "timezone": "America/Los_Angeles",
               "url": "https://www.soundtransit.org",
             },
+            "agencyBrandingUrl": "https://www.soundtransit.org",
+            "agencyId": "QWdlbmN5OjQwOjQw",
+            "agencyName": "Sound Transit",
+            "agencyUrl": "https://www.soundtransit.org",
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
             "distance": 23087.2,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "dropoffType": "SCHEDULED",
             "duration": 2220,
             "endTime": 1685145000000,
@@ -25202,6 +25325,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "40:990005",
                 "id": "U3RvcDo0MDo5OTAwMDU",
               },
+              "stopCode": "N11-T1",
+              "stopId": "40:990005",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -25321,15 +25446,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "realTime": false,
             "realtimeState": null,
             "rentedBike": null,
-            "route": Object {
-              "alerts": Array [],
-              "color": "28813F",
-              "id": "Um91dGU6NDA6MTAwNDc5",
-              "longName": "Northgate - Angle Lake",
-              "shortName": "1-Line",
-              "textColor": "FFFFFF",
-              "type": 0,
-            },
+            "route": "1-Line",
+            "routeColor": "28813F",
+            "routeId": "Um91dGU6NDA6MTAwNDc5",
+            "routeLongName": "Northgate - Angle Lake",
+            "routeShortName": "1-Line",
+            "routeTextColor": "FFFFFF",
             "startTime": 1685142780000,
             "steps": Array [],
             "to": Object {
@@ -25343,6 +25465,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "40:56159",
                 "id": "U3RvcDo0MDo1NjE1OQ",
               },
+              "stopCode": "C27-T1",
+              "stopId": "40:56159",
               "vertexType": "TRANSIT",
             },
             "transitLeg": true,
@@ -25351,13 +25475,24 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "id": "VHJpcDo0MDpMTFJfMjAyMy0wMy0xOC0yMDIzLTA5LTA0X1dlZWtkYXlfMjA4Ng",
               "tripHeadsign": "Angle Lake",
             },
+            "tripHeadsign": "Angle Lake",
+            "tripId": "40:LLR_2023-03-18-2023-09-04_Weekday_2086",
           },
           Object {
             "accessibilityScore": null,
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": "scheduled",
             "arrivalDelay": 0,
+            "boardRule": "scheduled",
             "departureDelay": 0,
             "distance": 2167.47,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "dropoffType": "SCHEDULED",
             "duration": 1739,
             "endTime": 1685146739000,
@@ -25373,6 +25508,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 "gtfsId": "40:56159",
                 "id": "U3RvcDo0MDo1NjE1OQ",
               },
+              "stopCode": "C27-T1",
+              "stopId": "40:56159",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -25387,7 +25524,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             "realTime": false,
             "realtimeState": null,
             "rentedBike": false,
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1685145000000,
             "steps": Array [
               Object {
@@ -25543,10 +25685,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
               "name": "New Light Christian Church, Seattle, WA, USA",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
         ],
         "startTime": 1685139787000,
@@ -25569,7 +25715,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   color: #333;
 }
 
-.c60 {
+.c63 {
   color: #f44256;
 }
 
@@ -25609,7 +25755,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   margin: 0 0.125em;
 }
 
-.c55 {
+.c57 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -25665,11 +25811,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   font-weight: inherit;
 }
 
-.c49 {
+.c51 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c50 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c48 {
   color: #807373;
   margin-top: 5px;
@@ -25873,27 +26024,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   padding-left: 1ch;
 }
 
-.c58 {
+.c60 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c59 {
+.c61 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c56 {
+.c58 {
   z-index: 30;
   position: relative;
 }
 
-.c51 {
+.c53 {
   margin-top: 5px;
 }
 
-.c52 {
+.c54 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -25901,30 +26052,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   display: flex;
 }
 
-.c54 {
+.c56 {
   font-size: 14px;
 }
 
-.c53 {
+.c55 {
   padding: 0;
 }
 
-.c50 {
+.c52 {
   margin-top: 5px;
 }
 
-.c50 a {
+.c52 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c50 a:hover {
+.c52 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c50 img {
+.c52 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -25938,6 +26089,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   font-family: Hind,sans-serif;
 }
 
+.c1 .c49 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -25962,7 +26133,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   width: 100%;
 }
 
-.c1 .c57 {
+.c1 .c59 {
   margin-left: -23px;
 }
 
@@ -26008,6 +26179,17 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
   z-index: 10;
 }
 
+.c62 {
+  background-color: gray;
+  left: 5px;
+  right: 5px;
+  background-color: #28813F;
+  bottom: -11px;
+  position: absolute;
+  top: 11px;
+  z-index: 10;
+}
+
 .c9 {
   left: 0;
   line-height: inherit;
@@ -26102,7 +26284,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -26537,7 +26719,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       <div
         className="c45"
       >
-        Stop ID 
+        Stop ID 82405
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -26549,7 +26731,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -26594,11 +26776,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       </g>
                     </svg>
                   </span>
+                  <span
+                    className="c49 c50"
+                  >
+                    347
+                  </span>
                 </span>
                 <span
-                  className="c49"
+                  className="c51"
                 >
-                  <span />
+                  <span>
+                    Northgate Station Ridgecrest
+                  </span>
                 </span>
               </span>
               <span
@@ -26626,15 +26815,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           role="group"
         >
           <div
-            className="c50"
+            className="c52"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="#"
+              href="https://kingcounty.gov/en/dept/metro"
               rel="noopener noreferrer"
               target="_blank"
-            />
+            >
+              Metro Transit
+              <img
+                alt=""
+                height={25}
+                src="https://kingcounty.gov/en/dept/metro"
+              />
+            </a>
           </div>
           <div
             aria-hidden={false}
@@ -26651,13 +26847,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             />
           </div>
           <div
-            className="c51"
+            className="c53"
           >
             <div
-              className="c52"
+              className="c54"
             >
               <button
-                className="c26 c53"
+                className="c26 c55"
                 onClick={[Function]}
               >
                 Ride 
@@ -26710,518 +26906,518 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 style={Object {}}
               >
                 <div
-                  className="c54"
+                  className="c56"
                 >
                   <ol
-                    className="c55"
+                    className="c57"
                   >
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 205th St & 52nd Ave W
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 205th St & 56th Ave W
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 205th St & 58th Pl W
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & Ballinger Way NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & Forest Park Dr NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 200th Ct
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 192nd St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE Perkins Way
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & 24th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 180th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 175th St & 15th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 175th St & 10th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 174th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 170th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 163rd St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 161st St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 158th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 155th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 152nd St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE 148th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 145th St & 6th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 145th St & 12th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 145th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 143rd St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 140th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 135th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 130th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 127th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 125th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 123rd St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         15th Ave NE & NE 120th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Pinehurst Way NE & NE 115th St
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE Northgate Way & Roosevelt Way NE
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & NE Northgate Way
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         5th Ave NE & Northgate Mall
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         NE 103rd St & 5th Ave NE
                       </div>
                     </li>
                   </ol>
                   <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
+                    className="styled__TransitLegFare-sc-1q8npbl-80"
                   >
                     Fare: 
                     $2.75
@@ -27303,11 +27499,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
     <div
       className="c20"
     >
+      <div
+        className="c45"
+      >
+        Stop ID 35318
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -27464,7 +27671,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       className="c4 c5"
     >
       <div
-        className="c44"
+        className="c62"
       />
       <span
         className="c7"
@@ -27529,7 +27736,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
       <div
         className="c45"
       >
-        Stop ID 
+        Stop ID N11-T1
         <a
           className="c46 c47"
           onClick={[Function]}
@@ -27541,7 +27748,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -27581,11 +27788,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c49 c50"
+                  >
+                    1-Line
+                  </span>
                 </span>
                 <span
-                  className="c49"
+                  className="c51"
                 >
-                  <span />
+                  <span>
+                    Angle Lake
+                  </span>
                 </span>
               </span>
               <span
@@ -27613,15 +27827,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
           role="group"
         >
           <div
-            className="c50"
+            className="c52"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="#"
+              href="https://www.soundtransit.org"
               rel="noopener noreferrer"
               target="_blank"
-            />
+            >
+              Sound Transit
+              <img
+                alt=""
+                height={25}
+                src="https://www.soundtransit.org"
+              />
+            </a>
           </div>
           <div
             aria-hidden={false}
@@ -27638,13 +27859,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
             />
           </div>
           <div
-            className="c51"
+            className="c53"
           >
             <div
-              className="c52"
+              className="c54"
             >
               <button
-                className="c26 c53"
+                className="c26 c55"
                 onClick={[Function]}
               >
                 Ride 
@@ -27697,196 +27918,196 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
                 style={Object {}}
               >
                 <div
-                  className="c54"
+                  className="c56"
                 >
                   <ol
-                    className="c55"
+                    className="c57"
                   >
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Roosevelt Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         U District Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Univ of Washington Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Capitol Hill Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Westlake Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         University St Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Pioneer Square Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Int'l Dist/Chinatown Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Stadium Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         SODO Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Beacon Hill Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Mount Baker Station
                       </div>
                     </li>
                     <li
-                      className="c56"
+                      className="c58"
                     >
                       <div
-                        className="c57 c58"
+                        className="c59 c60"
                       >
                         •
                       </div>
                       <div
-                        className="c59"
+                        className="c61"
                       >
                         Columbia City Station
                       </div>
                     </li>
                   </ol>
                   <div
-                    className="styled__TransitLegFare-sc-1q8npbl-79"
+                    className="styled__TransitLegFare-sc-1q8npbl-80"
                   >
                     Fare: 
                     $3.00
@@ -27968,11 +28189,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
     <div
       className="c20"
     >
+      <div
+        className="c45"
+      >
+        Stop ID C27-T1
+        <a
+          className="c46 c47"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -28543,7 +28775,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Individual Leg Fare Components
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c60 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -29895,7 +30127,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -30259,7 +30491,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -30687,7 +30919,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -30954,7 +31186,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -31326,7 +31558,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -31587,7 +31819,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -31632,6 +31864,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Flex Itinerary 2`] = `
                       </g>
                     </svg>
                   </span>
+                  <span
+                    className="c49 c50"
+                  >
+                    60+ Ride
+                  </span>
                 </span>
                 <span
                   className="c51"
@@ -32501,7 +32738,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -32781,7 +33018,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux OTP 2 Scooter Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -35735,7 +35972,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   color: #333;
 }
 
-.c62 {
+.c64 {
   color: #f44256;
 }
 
@@ -35775,7 +36012,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   margin: 0 0.125em;
 }
 
-.c57 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -35827,7 +36064,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 0;
 }
 
-.c45 {
+.c47 {
   font-weight: 200;
 }
 
@@ -35835,11 +36072,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   font-weight: inherit;
 }
 
-.c44 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c43 {
   color: #807373;
   margin-top: 5px;
@@ -35994,23 +36236,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding-left: 1ch;
 }
 
-.c60 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c49 {
+.c51 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -36021,30 +36263,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   text-decoration: none;
 }
 
-.c51 {
+.c53 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c50 {
+.c52 {
   float: left;
   font-size: 18px;
 }
 
-.c48 {
+.c50 {
   display: block;
   margin-top: 3px;
 }
 
-.c47 {
+.c49 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -36053,11 +36295,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   padding: 0;
 }
 
-.c53 {
+.c55 {
   margin-top: 5px;
 }
 
-.c54 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -36065,30 +36307,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   display: flex;
 }
 
-.c56 {
+.c58 {
   font-size: 14px;
 }
 
-.c55 {
+.c57 {
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -36102,6 +36344,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   font-family: Hind,sans-serif;
 }
 
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -36126,7 +36388,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -36276,7 +36538,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -36774,7 +37036,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -37106,7 +37368,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -37146,14 +37408,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c44"
+                  className="c46"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c45"
+                      className="c47"
                     >
                       to
                     </span>
@@ -37186,7 +37453,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
           role="group"
         >
           <div
-            className="c46"
+            className="c48"
           >
             Service operated by 
             <a
@@ -37204,12 +37471,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
             </a>
           </div>
           <button
-            className="c26 c47"
+            className="c26 c49"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -37258,18 +37525,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
               style={Object {}}
             >
               <div
-                className="c48"
+                className="c50"
               >
                 <a
-                  className="c49"
+                  className="c51"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -37284,26 +37551,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c49"
+                  className="c51"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -37318,12 +37585,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -37332,13 +37599,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
             </div>
           </div>
           <div
-            className="c53"
+            className="c55"
           >
             <div
-              className="c54"
+              className="c56"
             >
               <button
-                className="c26 c55"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
@@ -37391,119 +37658,119 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c58"
                 >
                   <ol
-                    className="c57"
+                    className="c59"
                   >
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -37601,7 +37868,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -37910,7 +38177,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Park And Ride Itinerary 2`] =
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c62 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -38360,7 +38627,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   color: #333;
 }
 
-.c61 {
+.c63 {
   color: #f44256;
 }
 
@@ -38400,7 +38667,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   margin: 0 0.125em;
 }
 
-.c56 {
+.c58 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -38452,7 +38719,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   width: 0;
 }
 
-.c44 {
+.c46 {
   font-weight: 200;
 }
 
@@ -38460,11 +38727,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   font-weight: inherit;
 }
 
-.c43 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c42 {
   color: #807373;
   margin-top: 5px;
@@ -38619,23 +38891,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   padding-left: 1ch;
 }
 
-.c59 {
+.c61 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c60 {
+.c62 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c57 {
+.c59 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c50 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -38646,30 +38918,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   text-decoration: none;
 }
 
-.c50 {
+.c52 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c51 {
+.c53 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c49 {
+.c51 {
   float: left;
   font-size: 18px;
 }
 
-.c47 {
+.c49 {
   display: block;
   margin-top: 3px;
 }
 
-.c46 {
+.c48 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -38678,11 +38950,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   padding: 0;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -38690,30 +38962,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   display: flex;
 }
 
-.c55 {
+.c57 {
   font-size: 14px;
 }
 
-.c54 {
+.c56 {
   padding: 0;
 }
 
-.c45 {
+.c47 {
   margin-top: 5px;
 }
 
-.c45 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c45 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c45 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -38727,6 +38999,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   font-family: Hind,sans-serif;
 }
 
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -38751,7 +39043,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
   width: 100%;
 }
 
-.c1 .c58 {
+.c1 .c60 {
   margin-left: -23px;
 }
 
@@ -38891,7 +39183,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -39158,7 +39450,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -39198,14 +39490,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c43"
+                  className="c45"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c44"
+                      className="c46"
                     >
                       to
                     </span>
@@ -39238,7 +39535,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
           role="group"
         >
           <div
-            className="c45"
+            className="c47"
           >
             Service operated by 
             <a
@@ -39256,12 +39553,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
             </a>
           </div>
           <button
-            className="c26 c46"
+            className="c26 c48"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -39310,18 +39607,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
               style={Object {}}
             >
               <div
-                className="c47"
+                className="c49"
               >
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -39336,26 +39633,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -39370,26 +39667,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -39404,12 +39701,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -39418,13 +39715,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
             </div>
           </div>
           <div
-            className="c52"
+            className="c54"
           >
             <div
-              className="c53"
+              className="c55"
             >
               <button
-                className="c26 c54"
+                className="c26 c56"
                 onClick={[Function]}
               >
                 Ride 
@@ -39477,21 +39774,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
                 style={Object {}}
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   <ol
-                    className="c56"
+                    className="c58"
                   >
                     <li
-                      className="c57"
+                      className="c59"
                     >
                       <div
-                        className="c58 c59"
+                        className="c60 c61"
                       >
                         •
                       </div>
                       <div
-                        className="c60"
+                        className="c62"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -39593,7 +39890,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -39869,7 +40166,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Always Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c61 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -40319,7 +40616,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   color: #333;
 }
 
-.c61 {
+.c63 {
   color: #f44256;
 }
 
@@ -40359,7 +40656,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   margin: 0 0.125em;
 }
 
-.c56 {
+.c58 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -40411,7 +40708,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   width: 0;
 }
 
-.c44 {
+.c46 {
   font-weight: 200;
 }
 
@@ -40419,11 +40716,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   font-weight: inherit;
 }
 
-.c43 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c42 {
   color: #807373;
   margin-top: 5px;
@@ -40578,23 +40880,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   padding-left: 1ch;
 }
 
-.c59 {
+.c61 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c60 {
+.c62 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c57 {
+.c59 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c50 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -40605,30 +40907,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   text-decoration: none;
 }
 
-.c50 {
+.c52 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c51 {
+.c53 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c49 {
+.c51 {
   float: left;
   font-size: 18px;
 }
 
-.c47 {
+.c49 {
   display: block;
   margin-top: 3px;
 }
 
-.c46 {
+.c48 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -40637,11 +40939,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   padding: 0;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -40649,30 +40951,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   display: flex;
 }
 
-.c55 {
+.c57 {
   font-size: 14px;
 }
 
-.c54 {
+.c56 {
   padding: 0;
 }
 
-.c45 {
+.c47 {
   margin-top: 5px;
 }
 
-.c45 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c45 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c45 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -40686,6 +40988,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   font-family: Hind,sans-serif;
 }
 
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -40710,7 +41032,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
   width: 100%;
 }
 
-.c1 .c58 {
+.c1 .c60 {
   margin-left: -23px;
 }
 
@@ -40850,7 +41172,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -41117,7 +41439,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -41157,14 +41479,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c43"
+                  className="c45"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c44"
+                      className="c46"
                     >
                       to
                     </span>
@@ -41197,7 +41524,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
           role="group"
         >
           <div
-            className="c45"
+            className="c47"
           >
             Service operated by 
             <a
@@ -41215,12 +41542,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
             </a>
           </div>
           <button
-            className="c26 c46"
+            className="c26 c48"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -41269,18 +41596,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
               style={Object {}}
             >
               <div
-                className="c47"
+                className="c49"
               >
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -41295,26 +41622,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -41329,26 +41656,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -41363,12 +41690,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -41377,13 +41704,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
             </div>
           </div>
           <div
-            className="c52"
+            className="c54"
           >
             <div
-              className="c53"
+              className="c55"
             >
               <button
-                className="c26 c54"
+                className="c26 c56"
                 onClick={[Function]}
               >
                 Ride 
@@ -41436,21 +41763,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
                 style={Object {}}
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   <ol
-                    className="c56"
+                    className="c58"
                   >
                     <li
-                      className="c57"
+                      className="c59"
                     >
                       <div
-                        className="c58 c59"
+                        className="c60 c61"
                       >
                         •
                       </div>
                       <div
-                        className="c60"
+                        className="c62"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -41552,7 +41879,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -41828,7 +42155,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Not Always Collap
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c61 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -42277,7 +42604,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   color: #333;
 }
 
-.c61 {
+.c63 {
   color: #f44256;
 }
 
@@ -42317,7 +42644,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   margin: 0 0.125em;
 }
 
-.c56 {
+.c58 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -42369,7 +42696,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   width: 0;
 }
 
-.c44 {
+.c46 {
   font-weight: 200;
 }
 
@@ -42377,11 +42704,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   font-weight: inherit;
 }
 
-.c43 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c42 {
   color: #807373;
   margin-top: 5px;
@@ -42536,23 +42868,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   padding-left: 1ch;
 }
 
-.c59 {
+.c61 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c60 {
+.c62 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c57 {
+.c59 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c50 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -42563,30 +42895,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   text-decoration: none;
 }
 
-.c50 {
+.c52 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c51 {
+.c53 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c49 {
+.c51 {
   float: left;
   font-size: 18px;
 }
 
-.c47 {
+.c49 {
   display: block;
   margin-top: 3px;
 }
 
-.c46 {
+.c48 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -42595,11 +42927,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   padding: 0;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -42607,30 +42939,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   display: flex;
 }
 
-.c55 {
+.c57 {
   font-size: 14px;
 }
 
-.c54 {
+.c56 {
   padding: 0;
 }
 
-.c45 {
+.c47 {
   margin-top: 5px;
 }
 
-.c45 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c45 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c45 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -42644,6 +42976,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   font-family: Hind,sans-serif;
 }
 
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -42668,7 +43020,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
   width: 100%;
 }
 
-.c1 .c58 {
+.c1 .c60 {
   margin-left: -23px;
 }
 
@@ -42808,7 +43160,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -43075,7 +43427,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -43115,14 +43467,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c43"
+                  className="c45"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c44"
+                      className="c46"
                     >
                       to
                     </span>
@@ -43155,7 +43512,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
           role="group"
         >
           <div
-            className="c45"
+            className="c47"
           >
             Service operated by 
             <a
@@ -43173,12 +43530,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
             </a>
           </div>
           <button
-            className="c26 c46"
+            className="c26 c48"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -43227,18 +43584,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
               style={Object {}}
             >
               <div
-                className="c47"
+                className="c49"
               >
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -43253,26 +43610,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -43287,26 +43644,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -43321,12 +43678,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -43335,13 +43692,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
             </div>
           </div>
           <div
-            className="c52"
+            className="c54"
           >
             <div
-              className="c53"
+              className="c55"
             >
               <button
-                className="c26 c54"
+                className="c26 c56"
                 onClick={[Function]}
               >
                 Ride 
@@ -43394,21 +43751,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
                 style={Object {}}
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   <ol
-                    className="c56"
+                    className="c58"
                   >
                     <li
-                      className="c57"
+                      className="c59"
                     >
                       <div
-                        className="c58 c59"
+                        className="c60 c61"
                       >
                         •
                       </div>
                       <div
-                        className="c60"
+                        className="c62"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -43510,7 +43867,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -43786,7 +44143,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Three Alerts Without Collapsin
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c61 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -43862,9 +44219,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
         "legs": Array [
           Object {
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
             "distance": 643.65,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "duration": 144,
             "endTime": 1684864860000,
             "from": Object {
@@ -43873,6 +44239,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "128 NW 12th Ave, Portland",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "interlineWithPreviousLeg": false,
@@ -43903,7 +44271,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "id": "uber",
               },
             },
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1684864716000,
             "steps": Array [
               Object {
@@ -43961,16 +44334,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "West Burnside Street",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
             "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "duration": 60,
             "endTime": 1684864920000,
             "from": Object {
@@ -43979,6 +44365,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "West Burnside Street",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "interlineWithPreviousLeg": false,
@@ -43992,7 +44380,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
             "realtimeState": null,
             "rentedBike": false,
             "rideHailingEstimate": null,
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1684864860000,
             "steps": Array [],
             "to": Object {
@@ -44006,10 +44399,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "gtfsId": "trimet:792",
                 "id": "U3RvcDp0cmltZXQ6Nzky",
               },
+              "stopCode": "792",
+              "stopId": "trimet:792",
               "vertexType": "TRANSIT",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
             "agency": Object {
@@ -44019,9 +44416,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "timezone": "America/Los_Angeles",
               "url": "https://trimet.org/",
             },
+            "agencyBrandingUrl": "https://trimet.org/",
+            "agencyId": "QWdlbmN5OnRyaW1ldDpUUklNRVQ",
+            "agencyName": "TriMet",
+            "agencyUrl": "https://trimet.org/",
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
             "distance": 1780.82,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "duration": 360,
             "endTime": 1684865280000,
             "from": Object {
@@ -44035,6 +44441,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "gtfsId": "trimet:792",
                 "id": "U3RvcDp0cmltZXQ6Nzky",
               },
+              "stopCode": "792",
+              "stopId": "trimet:792",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -44065,15 +44473,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
             "realtimeState": null,
             "rentedBike": null,
             "rideHailingEstimate": null,
-            "route": Object {
-              "alerts": Array [],
-              "color": null,
-              "id": "Um91dGU6dHJpbWV0OjIw",
-              "longName": "Burnside/Stark",
-              "shortName": "20",
-              "textColor": null,
-              "type": 3,
-            },
+            "route": "20",
+            "routeColor": null,
+            "routeId": "Um91dGU6dHJpbWV0OjIw",
+            "routeLongName": "Burnside/Stark",
+            "routeShortName": "20",
+            "routeTextColor": null,
             "startTime": 1684864920000,
             "steps": Array [],
             "to": Object {
@@ -44087,6 +44492,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "gtfsId": "trimet:13327",
                 "id": "U3RvcDp0cmltZXQ6MTMzMjc",
               },
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
               "vertexType": "TRANSIT",
             },
             "transitLeg": true,
@@ -44095,12 +44502,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "id": "VHJpcDp0cmltZXQ6MTIzNDA1MTc",
               "tripHeadsign": null,
             },
+            "tripHeadsign": null,
+            "tripId": "trimet:12340517",
           },
           Object {
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
             "distance": 0,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "duration": 60,
             "endTime": 1684865340000,
             "from": Object {
@@ -44114,6 +44532,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "gtfsId": "trimet:13327",
                 "id": "U3RvcDp0cmltZXQ6MTMzMjc",
               },
+              "stopCode": "13327",
+              "stopId": "trimet:13327",
               "vertexType": "TRANSIT",
             },
             "interlineWithPreviousLeg": false,
@@ -44127,7 +44547,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
             "realtimeState": null,
             "rentedBike": false,
             "rideHailingEstimate": null,
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1684865280000,
             "steps": Array [],
             "to": Object {
@@ -44136,16 +44561,29 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "East Burnside Street",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
           Object {
             "agency": null,
+            "agencyBrandingUrl": undefined,
+            "agencyId": undefined,
+            "agencyName": undefined,
+            "agencyUrl": undefined,
+            "alightRule": null,
             "arrivalDelay": 0,
+            "boardRule": null,
             "departureDelay": 0,
             "distance": 334.71,
+            "dropOffBookingInfo": Object {
+              "latestBookingTime": undefined,
+            },
             "duration": 66,
             "endTime": 1684865406000,
             "from": Object {
@@ -44154,6 +44592,8 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "East Burnside Street",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "interlineWithPreviousLeg": false,
@@ -44184,7 +44624,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
                 "id": "uber",
               },
             },
-            "route": null,
+            "route": undefined,
+            "routeColor": undefined,
+            "routeId": undefined,
+            "routeLongName": undefined,
+            "routeShortName": undefined,
+            "routeTextColor": undefined,
             "startTime": 1684865340000,
             "steps": Array [
               Object {
@@ -44218,10 +44663,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 1`] = `
               "name": "407 NE 12th Ave, Portland",
               "rentalVehicle": null,
               "stop": null,
+              "stopCode": undefined,
+              "stopId": undefined,
               "vertexType": "NORMAL",
             },
             "transitLeg": false,
             "trip": null,
+            "tripHeadsign": undefined,
+            "tripId": undefined,
           },
         ],
         "startTime": 1684864716000,
@@ -44244,7 +44693,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   color: #333;
 }
 
-.c56 {
+.c58 {
   color: #f44256;
 }
 
@@ -44328,7 +44777,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin-right: 5px;
 }
 
-.c53 {
+.c55 {
   bottom: 0;
   left: 110px;
   position: absolute;
@@ -44336,14 +44785,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   top: 0;
 }
 
-.c54 {
+.c56 {
   background-color: #fcf9d3;
   display: table;
   height: 100%;
   width: 100%;
 }
 
-.c52 {
+.c54 {
   border-bottom: 16px solid transparent;
   border-right: 16px solid #fcf9d3;
   border-top: 16px solid transparent;
@@ -44354,7 +44803,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 0;
 }
 
-.c55 {
+.c57 {
   color: #444;
   display: table-cell;
   font-style: italic;
@@ -44375,7 +44824,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c47 {
+.c49 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -44431,11 +44880,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c41 {
+.c43 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c42 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c40 {
   color: #807373;
   margin-top: 5px;
@@ -44556,27 +45010,27 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   padding: 0;
 }
 
-.c50 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c51 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c48 {
+.c50 {
   z-index: 30;
   position: relative;
 }
 
-.c43 {
+.c45 {
   margin-top: 5px;
 }
 
-.c44 {
+.c46 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -44584,30 +45038,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   display: flex;
 }
 
-.c46 {
+.c48 {
   font-size: 14px;
 }
 
-.c45 {
+.c47 {
   padding: 0;
 }
 
-.c42 {
+.c44 {
   margin-top: 5px;
 }
 
-.c42 a {
+.c44 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c42 a:hover {
+.c44 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c42 img {
+.c44 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -44621,6 +45075,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   font-family: Hind,sans-serif;
 }
 
+.c1 .c41 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -44645,7 +45119,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
   width: 100%;
 }
 
-.c1 .c49 {
+.c1 .c51 {
   margin-left: -23px;
 }
 
@@ -44801,7 +45275,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           className="c22"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c23"
@@ -44846,7 +45320,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
             className="c29"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c30"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
               target="_blank"
             >
@@ -44854,14 +45328,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
             </a>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             2 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -44929,7 +45403,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -45116,7 +45590,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
       <div
         className="c21"
       >
-        Stop ID 
+        Stop ID 792
         <a
           className="c38 c39"
           onClick={[Function]}
@@ -45128,7 +45602,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -45173,11 +45647,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                       </g>
                     </svg>
                   </span>
+                  <span
+                    className="c41 c42"
+                  >
+                    20
+                  </span>
                 </span>
                 <span
-                  className="c41"
+                  className="c43"
                 >
-                  <span />
+                  <span>
+                    Burnside/Stark
+                  </span>
                 </span>
               </span>
               <span
@@ -45205,15 +45686,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           role="group"
         >
           <div
-            className="c42"
+            className="c44"
           >
             Service operated by 
             <a
               aria-label="otpUi.TransitLegBody.agencyExternalLink"
-              href="#"
+              href="https://trimet.org/"
               rel="noopener noreferrer"
               target="_blank"
-            />
+            >
+              TriMet
+              <img
+                alt=""
+                height={25}
+                src="https://trimet.org/"
+              />
+            </a>
           </div>
           <div
             aria-hidden={false}
@@ -45230,13 +45718,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
             />
           </div>
           <div
-            className="c43"
+            className="c45"
           >
             <div
-              className="c44"
+              className="c46"
             >
               <button
-                className="c27 c45"
+                className="c27 c47"
                 onClick={[Function]}
               >
                 Ride 
@@ -45289,35 +45777,35 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c46"
+                  className="c48"
                 >
                   <ol
-                    className="c47"
+                    className="c49"
                   >
                     <li
-                      className="c48"
+                      className="c50"
                     >
                       <div
-                        className="c49 c50"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c53"
                       >
                         W Burnside & SW 2nd
                       </div>
                     </li>
                     <li
-                      className="c48"
+                      className="c50"
                     >
                       <div
-                        className="c49 c50"
+                        className="c51 c52"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c53"
                       >
                         E Burnside & SE 8th
                       </div>
@@ -45400,11 +45888,22 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
     <div
       className="c20"
     >
+      <div
+        className="c21"
+      >
+        Stop ID 13327
+        <a
+          className="c38 c39"
+          onClick={[Function]}
+        >
+          Stop Viewer
+        </a>
+      </div>
       <div
         className="c22"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c23"
@@ -45582,7 +46081,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
           className="c22"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c23"
@@ -45627,23 +46126,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
             className="c29"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c30"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c30"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
               target="_blank"
             >
               Book Ride
             </a>
             <div
-              className="c52"
+              className="c54"
             />
             <div
-              className="c53"
+              className="c55"
             >
               <div
-                className="c54"
+                className="c56"
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   Wait until 11:08 AM to book
                 </div>
@@ -45651,14 +46150,14 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             1 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -45696,7 +46195,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Tnc Transit Itinerary 2`] = `
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c56 c12"
+          className="c8 c58 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -48186,7 +48685,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   color: #333;
 }
 
-.c62 {
+.c64 {
   color: #f44256;
 }
 
@@ -48226,7 +48725,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   margin: 0 0.125em;
 }
 
-.c57 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -48278,7 +48777,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   width: 0;
 }
 
-.c45 {
+.c47 {
   font-weight: 200;
 }
 
@@ -48286,11 +48785,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   font-weight: inherit;
 }
 
-.c44 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c43 {
   color: #807373;
   margin-top: 5px;
@@ -48445,23 +48949,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   padding-left: 1ch;
 }
 
-.c60 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c49 {
+.c51 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -48472,30 +48976,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   text-decoration: none;
 }
 
-.c51 {
+.c53 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c50 {
+.c52 {
   float: left;
   font-size: 18px;
 }
 
-.c48 {
+.c50 {
   display: block;
   margin-top: 3px;
 }
 
-.c47 {
+.c49 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -48504,11 +49008,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   padding: 0;
 }
 
-.c53 {
+.c55 {
   margin-top: 5px;
 }
 
-.c54 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -48516,30 +49020,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   display: flex;
 }
 
-.c56 {
+.c58 {
   font-size: 14px;
 }
 
-.c55 {
+.c57 {
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -48553,6 +49057,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   font-family: Hind,sans-serif;
 }
 
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -48577,7 +49101,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -48727,7 +49251,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -49225,7 +49749,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -49557,7 +50081,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -49597,14 +50121,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c44"
+                  className="c46"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c45"
+                      className="c47"
                     >
                       to
                     </span>
@@ -49637,7 +50166,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
           role="group"
         >
           <div
-            className="c46"
+            className="c48"
           >
             Service operated by 
             <a
@@ -49655,12 +50184,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
             </a>
           </div>
           <button
-            className="c26 c47"
+            className="c26 c49"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -49709,18 +50238,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
               style={Object {}}
             >
               <div
-                className="c48"
+                className="c50"
               >
                 <a
-                  className="c49"
+                  className="c51"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -49735,26 +50264,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c49"
+                  className="c51"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -49769,12 +50298,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -49783,13 +50312,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
             </div>
           </div>
           <div
-            className="c53"
+            className="c55"
           >
             <div
-              className="c54"
+              className="c56"
             >
               <button
-                className="c26 c55"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
@@ -49842,119 +50371,119 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c58"
                 >
                   <ol
-                    className="c57"
+                    className="c59"
                   >
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -50052,7 +50581,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -50361,7 +50890,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Always Collapsing 2
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c62 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -52851,7 +53380,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   color: #333;
 }
 
-.c62 {
+.c64 {
   color: #f44256;
 }
 
@@ -52891,7 +53420,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   margin: 0 0.125em;
 }
 
-.c57 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -52943,7 +53472,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   width: 0;
 }
 
-.c45 {
+.c47 {
   font-weight: 200;
 }
 
@@ -52951,11 +53480,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   font-weight: inherit;
 }
 
-.c44 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c43 {
   color: #807373;
   margin-top: 5px;
@@ -53110,23 +53644,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   padding-left: 1ch;
 }
 
-.c60 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c49 {
+.c51 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -53137,30 +53671,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   text-decoration: none;
 }
 
-.c51 {
+.c53 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c50 {
+.c52 {
   float: left;
   font-size: 18px;
 }
 
-.c48 {
+.c50 {
   display: block;
   margin-top: 3px;
 }
 
-.c47 {
+.c49 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -53169,11 +53703,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   padding: 0;
 }
 
-.c53 {
+.c55 {
   margin-top: 5px;
 }
 
-.c54 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -53181,30 +53715,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   display: flex;
 }
 
-.c56 {
+.c58 {
   font-size: 14px;
 }
 
-.c55 {
+.c57 {
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -53218,6 +53752,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   font-family: Hind,sans-serif;
 }
 
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -53242,7 +53796,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -53392,7 +53946,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -53890,7 +54444,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -54222,7 +54776,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -54262,14 +54816,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c44"
+                  className="c46"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c45"
+                      className="c47"
                     >
                       to
                     </span>
@@ -54302,7 +54861,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
           role="group"
         >
           <div
-            className="c46"
+            className="c48"
           >
             Service operated by 
             <a
@@ -54320,12 +54879,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
             </a>
           </div>
           <button
-            className="c26 c47"
+            className="c26 c49"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -54374,18 +54933,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
               style={Object {}}
             >
               <div
-                className="c48"
+                className="c50"
               >
                 <a
-                  className="c49"
+                  className="c51"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -54400,26 +54959,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c49"
+                  className="c51"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -54434,12 +54993,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -54448,13 +55007,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
             </div>
           </div>
           <div
-            className="c53"
+            className="c55"
           >
             <div
-              className="c54"
+              className="c56"
             >
               <button
-                className="c26 c55"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
@@ -54507,119 +55066,119 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c58"
                 >
                   <ol
-                    className="c57"
+                    className="c59"
                   >
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -54717,7 +55276,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -55026,7 +55585,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Not Always Collapsi
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c62 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -57515,7 +58074,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   color: #333;
 }
 
-.c62 {
+.c64 {
   color: #f44256;
 }
 
@@ -57555,7 +58114,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   margin: 0 0.125em;
 }
 
-.c57 {
+.c59 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -57607,7 +58166,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 0;
 }
 
-.c45 {
+.c47 {
   font-weight: 200;
 }
 
@@ -57615,11 +58174,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   font-weight: inherit;
 }
 
-.c44 {
+.c46 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c45 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c43 {
   color: #807373;
   margin-top: 5px;
@@ -57774,23 +58338,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding-left: 1ch;
 }
 
-.c60 {
+.c62 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c61 {
+.c63 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c58 {
+.c60 {
   z-index: 30;
   position: relative;
 }
 
-.c49 {
+.c51 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -57801,30 +58365,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   text-decoration: none;
 }
 
-.c51 {
+.c53 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c50 {
+.c52 {
   float: left;
   font-size: 18px;
 }
 
-.c48 {
+.c50 {
   display: block;
   margin-top: 3px;
 }
 
-.c47 {
+.c49 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -57833,11 +58397,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   padding: 0;
 }
 
-.c53 {
+.c55 {
   margin-top: 5px;
 }
 
-.c54 {
+.c56 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -57845,30 +58409,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   display: flex;
 }
 
-.c56 {
+.c58 {
   font-size: 14px;
 }
 
-.c55 {
+.c57 {
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c46 a {
+.c48 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c46 a:hover {
+.c48 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c46 img {
+.c48 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -57882,6 +58446,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   font-family: Hind,sans-serif;
 }
 
+.c1 .c44 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -57906,7 +58490,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
   width: 100%;
 }
 
-.c1 .c59 {
+.c1 .c61 {
   margin-left: -23px;
 }
 
@@ -58056,7 +58640,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -58554,7 +59138,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -58886,7 +59470,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -58926,14 +59510,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c44 c45"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c44"
+                  className="c46"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c45"
+                      className="c47"
                     >
                       to
                     </span>
@@ -58966,7 +59555,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
           role="group"
         >
           <div
-            className="c46"
+            className="c48"
           >
             Service operated by 
             <a
@@ -58984,12 +59573,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             </a>
           </div>
           <button
-            className="c26 c47"
+            className="c26 c49"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -59038,18 +59627,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
               style={Object {}}
             >
               <div
-                className="c48"
+                className="c50"
               >
                 <a
-                  className="c49"
+                  className="c51"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -59064,26 +59653,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c49"
+                  className="c51"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -59098,12 +59687,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                     </svg>
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c52"
+                    className="c54"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -59112,13 +59701,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
             </div>
           </div>
           <div
-            className="c53"
+            className="c55"
           >
             <div
-              className="c54"
+              className="c56"
             >
               <button
-                className="c26 c55"
+                className="c26 c57"
                 onClick={[Function]}
               >
                 Ride 
@@ -59171,119 +59760,119 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
                 style={Object {}}
               >
                 <div
-                  className="c56"
+                  className="c58"
                 >
                   <ol
-                    className="c57"
+                    className="c59"
                   >
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c58"
+                      className="c60"
                     >
                       <div
-                        className="c59 c60"
+                        className="c61 c62"
                       >
                         •
                       </div>
                       <div
-                        className="c61"
+                        className="c63"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -59381,7 +59970,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -59690,7 +60279,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Two Alerts Without Collapsing
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c62 c12"
+          className="c8 c64 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -62183,7 +62772,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -62582,7 +63171,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -62920,7 +63509,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -63119,7 +63708,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -63485,7 +64074,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -63785,7 +64374,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -64277,7 +64866,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Interlined Transit Itiner
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -65043,7 +65632,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Only Itinerary 2`] = `
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -66535,7 +67124,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -66802,7 +67391,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -67137,7 +67726,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -67437,7 +68026,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -67772,7 +68361,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer Itinerar
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -69437,7 +70026,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         className="c24"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c25"
@@ -69746,7 +70335,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         className="c24"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c25"
@@ -70081,7 +70670,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         className="c24"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c25"
@@ -70423,7 +71012,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         className="c24"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c25"
@@ -70800,7 +71389,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Transfer With A 1
         className="c24"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c25"
@@ -71492,7 +72081,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   color: #333;
 }
 
-.c61 {
+.c63 {
   color: #f44256;
 }
 
@@ -71532,7 +72121,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   margin: 0 0.125em;
 }
 
-.c56 {
+.c58 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -71584,7 +72173,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 0;
 }
 
-.c44 {
+.c46 {
   font-weight: 200;
 }
 
@@ -71592,11 +72181,16 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   font-weight: inherit;
 }
 
-.c43 {
+.c45 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c44 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c42 {
   color: #807373;
   margin-top: 5px;
@@ -71751,23 +72345,23 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   padding-left: 1ch;
 }
 
-.c59 {
+.c61 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c60 {
+.c62 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c57 {
+.c59 {
   z-index: 30;
   position: relative;
 }
 
-.c48 {
+.c50 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -71778,30 +72372,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   text-decoration: none;
 }
 
-.c50 {
+.c52 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c51 {
+.c53 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c49 {
+.c51 {
   float: left;
   font-size: 18px;
 }
 
-.c47 {
+.c49 {
   display: block;
   margin-top: 3px;
 }
 
-.c46 {
+.c48 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -71810,11 +72404,11 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   padding: 0;
 }
 
-.c52 {
+.c54 {
   margin-top: 5px;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -71822,30 +72416,30 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   display: flex;
 }
 
-.c55 {
+.c57 {
   font-size: 14px;
 }
 
-.c54 {
+.c56 {
   padding: 0;
 }
 
-.c45 {
+.c47 {
   margin-top: 5px;
 }
 
-.c45 a {
+.c47 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c45 a:hover {
+.c47 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c45 img {
+.c47 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -71859,6 +72453,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   font-family: Hind,sans-serif;
 }
 
+.c1 .c43 {
+  background-color: rgb(15,106,172);
+  border-color: white;
+  border-image: initial;
+  border-radius: 12px;
+  border-style: solid;
+  border-width: 1px;
+  box-shadow: rgb(0,0,0) 0px 0px 0.25em;
+  color: white;
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  height: 24px;
+  line-height: 1.5;
+  margin-right: 8px;
+  min-width: 24px;
+  padding: 2px 3px;
+  text-align: center;
+}
+
 .c1 .c4 {
   display: table-cell;
   max-width: 20px;
@@ -71883,7 +72497,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
   width: 100%;
 }
 
-.c1 .c58 {
+.c1 .c60 {
   margin-left: -23px;
 }
 
@@ -72023,7 +72637,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -72290,7 +72904,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -72330,14 +72944,19 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                       />
                     </svg>
                   </span>
+                  <span
+                    className="c43 c44"
+                  >
+                    MAX Blue Line
+                  </span>
                 </span>
                 <span
-                  className="c43"
+                  className="c45"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c44"
+                      className="c46"
                     >
                       to
                     </span>
@@ -72370,7 +72989,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
           role="group"
         >
           <div
-            className="c45"
+            className="c47"
           >
             Service operated by 
             <a
@@ -72388,12 +73007,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
             </a>
           </div>
           <button
-            className="c26 c46"
+            className="c26 c48"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c8 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -72442,18 +73061,18 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
               style={Object {}}
             >
               <div
-                className="c47"
+                className="c49"
               >
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -72468,26 +73087,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -72502,26 +73121,26 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c48"
+                  className="c50"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c49"
+                    className="c51"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c8 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -72536,12 +73155,12 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                     </svg>
                   </div>
                   <div
-                    className="c50"
+                    className="c52"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c51"
+                    className="c53"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -72550,13 +73169,13 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
             </div>
           </div>
           <div
-            className="c52"
+            className="c54"
           >
             <div
-              className="c53"
+              className="c55"
             >
               <button
-                className="c26 c54"
+                className="c26 c56"
                 onClick={[Function]}
               >
                 Ride 
@@ -72609,21 +73228,21 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
                 style={Object {}}
               >
                 <div
-                  className="c55"
+                  className="c57"
                 >
                   <ol
-                    className="c56"
+                    className="c58"
                   >
                     <li
-                      className="c57"
+                      className="c59"
                     >
                       <div
-                        className="c58 c59"
+                        className="c60 c61"
                       >
                         •
                       </div>
                       <div
-                        className="c60"
+                        className="c62"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -72725,7 +73344,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -73001,7 +73620,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Walk Transit Walk Itinerary 2`
         </svg>
         <svg
           aria-hidden="true"
-          className="c8 c61 c12"
+          className="c8 c63 c12"
           fill="currentColor"
           focusable="false"
           height={20}
@@ -75495,7 +76114,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -75894,7 +76513,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -76232,7 +76851,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -76431,7 +77050,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -76797,7 +77416,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -77097,7 +77716,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -77589,7 +78208,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Always Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -80293,7 +80912,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -80692,7 +81311,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -81030,7 +81649,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -81229,7 +81848,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -81595,7 +82214,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -81895,7 +82514,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -82387,7 +83006,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Not Always Collaps
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -85090,7 +85709,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -85489,7 +86108,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -85827,7 +86446,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -86026,7 +86645,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -86392,7 +87011,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -86692,7 +87311,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -87184,7 +87803,7 @@ exports[`Storyshots ItineraryBody/otp-react-redux Zero Alerts Without Collapsing
         className="c21"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c22"
@@ -88368,7 +88987,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -88613,7 +89232,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -88697,7 +89316,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Only Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -90068,7 +90687,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -90239,7 +90858,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -90355,7 +90974,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -90632,7 +91251,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -90711,7 +91330,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -90914,7 +91533,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -90998,7 +91617,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -93837,7 +94456,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -94041,7 +94660,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -94157,7 +94776,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -94533,7 +95152,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -94612,7 +95231,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -94815,7 +95434,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -94852,7 +95471,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               12
             </span>
@@ -94897,7 +95516,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -94968,7 +95587,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -95028,7 +95647,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -95062,7 +95681,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -95334,7 +95953,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -95418,7 +96037,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -95589,7 +96208,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -95705,7 +96324,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -95982,7 +96601,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -96061,7 +96680,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -96231,7 +96850,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -96315,7 +96934,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Rental Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -97013,7 +97632,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   overflow: hidden;
 }
 
-.c57 {
+.c58 {
   color: #f44256;
 }
 
@@ -97098,7 +97717,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c56 {
+.c57 {
   text-align: center;
 }
 
@@ -97135,7 +97754,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c52 {
+.c53 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -97187,7 +97806,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   width: 0;
 }
 
-.c41 {
+.c42 {
   font-weight: 200;
 }
 
@@ -97195,11 +97814,16 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c40 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c39 {
   color: #807373;
   margin-top: 5px;
@@ -97424,23 +98048,23 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   margin-left: 10px;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c54 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -97451,30 +98075,30 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c46 {
+.c47 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c45 {
+.c46 {
   float: left;
   font-size: 18px;
 }
 
-.c43 {
+.c44 {
   display: block;
   margin-top: 3px;
 }
 
-.c42 {
+.c43 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -97483,11 +98107,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   padding: 0;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
 }
 
-.c49 {
+.c50 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -97495,11 +98119,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
   display: flex;
 }
 
-.c51 {
+.c52 {
   font-size: 14px;
 }
 
-.c50 {
+.c51 {
   padding: 0;
 }
 
@@ -97569,7 +98193,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -97707,7 +98331,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -97789,7 +98413,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -98025,7 +98649,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -98104,7 +98728,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -98241,7 +98865,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -98278,7 +98902,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -98323,7 +98947,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -98338,13 +98962,20 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
               <span
                 className="c13 c39"
               >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c40"
+                  className="c41"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c41"
+                      className="c42"
                     >
                       to
                     </span>
@@ -98382,12 +99013,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
           role="group"
         >
           <button
-            className="c16 c42"
+            className="c16 c43"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -98436,18 +99067,18 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
               style={Object {}}
             >
               <div
-                className="c43"
+                className="c44"
               >
                 <a
-                  className="c44"
+                  className="c45"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -98462,26 +99093,26 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c44"
+                  className="c45"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -98496,12 +99127,12 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -98510,13 +99141,13 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c48"
+            className="c49"
           >
             <div
-              className="c49"
+              className="c50"
             >
               <button
-                className="c16 c50"
+                className="c16 c51"
                 onClick={[Function]}
               >
                 Ride 
@@ -98562,21 +99193,21 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c52"
                 >
                   <ol
-                    className="c52"
+                    className="c53"
                   >
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -98599,7 +99230,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -98683,7 +99314,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -98821,7 +99452,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -98903,7 +99534,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -99106,7 +99737,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -99135,11 +99766,11 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c56"
+            className="c57"
           >
             <svg
               aria-hidden="true"
-              className="c22 c57"
+              className="c22 c58"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -99190,7 +99821,7 @@ exports[`Storyshots ItineraryBody/otp-ui Bike Transit Bike Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -99673,7 +100304,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   overflow: hidden;
 }
 
-.c55 {
+.c56 {
   color: #f44256;
 }
 
@@ -99734,7 +100365,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c54 {
+.c55 {
   text-align: center;
 }
 
@@ -99760,7 +100391,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c50 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -99812,7 +100443,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -99820,11 +100451,16 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -100049,23 +100685,23 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   margin-left: 10px;
 }
 
-.c52 {
+.c53 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c54 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -100076,30 +100712,30 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -100108,11 +100744,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -100120,11 +100756,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
   display: flex;
 }
 
-.c49 {
+.c50 {
   font-size: 14px;
 }
 
-.c48 {
+.c49 {
   padding: 0;
 }
 
@@ -100194,7 +100830,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -100365,7 +101001,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -100402,7 +101038,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -100447,7 +101083,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -100462,13 +101098,20 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -100506,7 +101149,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
@@ -100560,14 +101203,14 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
@@ -100586,22 +101229,22 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
@@ -100620,22 +101263,22 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
@@ -100654,12 +101297,12 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -100668,13 +101311,13 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <button
-                className="c16 c48"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
@@ -100720,21 +101363,21 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c50"
                 >
                   <ol
-                    className="c50"
+                    className="c51"
                   >
                     <li
-                      className="c51"
+                      className="c52"
                     >
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -100761,7 +101404,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -100845,7 +101488,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -101082,7 +101725,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -101111,11 +101754,11 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c54"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c22 c55"
+              className="c22 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -101166,7 +101809,7 @@ exports[`Storyshots ItineraryBody/otp-ui Custom Alert Icons Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -102019,7 +102662,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -102190,7 +102833,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -102296,7 +102939,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -102466,7 +103109,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -102550,7 +103193,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -105962,7 +106605,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -106240,7 +106883,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -106349,7 +106992,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -106758,7 +107401,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -106837,7 +107480,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -106969,7 +107612,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -107006,7 +107649,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               70
             </span>
@@ -107051,7 +107694,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -107318,7 +107961,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -107402,7 +108045,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -107647,7 +108290,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -107756,7 +108399,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -108066,7 +108709,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -108150,7 +108793,7 @@ exports[`Storyshots ItineraryBody/otp-ui E Scooter Rental Transit Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -109483,6 +110126,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 1`] = `
         "walkTime": 2436,
       }
     }
+    showRouteFares={true}
   />
 </IntlProvider>
 `;
@@ -109494,7 +110138,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   overflow: hidden;
 }
 
-.c53 {
+.c54 {
   color: #f44256;
 }
 
@@ -109555,7 +110199,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   margin: 0 0.125em;
 }
 
-.c52 {
+.c53 {
   text-align: center;
 }
 
@@ -109581,7 +110225,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   transform: translateX(-50%);
 }
 
-.c48 {
+.c49 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -109637,11 +110281,16 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   font-weight: inherit;
 }
 
-.c43 {
+.c44 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c43 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c42 {
   color: #807373;
   margin-top: 5px;
@@ -109909,27 +110558,27 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   padding-left: 1ch;
 }
 
-.c50 {
+.c51 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c51 {
+.c52 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c49 {
+.c50 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   margin-top: 5px;
 }
 
-.c45 {
+.c46 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -109937,11 +110586,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
   display: flex;
 }
 
-.c47 {
+.c48 {
   font-size: 14px;
 }
 
-.c46 {
+.c47 {
   padding: 0;
 }
 
@@ -110011,7 +110660,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -110362,7 +111011,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -110399,7 +111048,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               34
             </span>
@@ -110439,7 +111088,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -110454,10 +111103,19 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               <span
                 className="c13 c42"
               >
+                <div>
+                  <span
+                    className="c43"
+                  >
+                    347
+                  </span>
+                </div>
                 <span
-                  className="c43"
+                  className="c44"
                 >
-                  <span />
+                  <span>
+                    Northgate Station Ridgecrest
+                  </span>
                 </span>
               </span>
               <span
@@ -110499,13 +111157,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
             />
           </div>
           <div
-            className="c44"
+            className="c45"
           >
             <div
-              className="c45"
+              className="c46"
             >
               <button
-                className="c16 c46"
+                className="c16 c47"
                 onClick={[Function]}
               >
                 Ride 
@@ -110551,511 +111209,511 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c47"
+                  className="c48"
                 >
                   <ol
-                    className="c48"
+                    className="c49"
                   >
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 205th St & 52nd Ave W
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 205th St & 56th Ave W
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 205th St & 58th Pl W
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & Ballinger Way NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & Forest Park Dr NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 200th Ct
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 192nd St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE Perkins Way
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & 24th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 180th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 175th St & 15th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 175th St & 10th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 174th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 170th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 163rd St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 161st St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 158th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 155th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 152nd St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE 148th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 145th St & 6th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 145th St & 12th Ave NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 145th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 143rd St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 140th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 135th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 130th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 127th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 125th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 123rd St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         15th Ave NE & NE 120th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Pinehurst Way NE & NE 115th St
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE Northgate Way & Roosevelt Way NE
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & NE Northgate Way
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         5th Ave NE & Northgate Mall
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         NE 103rd St & 5th Ave NE
                       </div>
@@ -111078,7 +111736,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -111157,7 +111815,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -111295,7 +111953,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -111332,14 +111990,14 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               1
             </span>
             <span
               className="c41"
             >
-              
+              Northgate - Angle Lake
             </span>
           </div>
         </div>
@@ -111372,7 +112030,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -111387,10 +112045,19 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
               <span
                 className="c13 c42"
               >
+                <div>
+                  <span
+                    className="c43"
+                  >
+                    1-Line
+                  </span>
+                </div>
                 <span
-                  className="c43"
+                  className="c44"
                 >
-                  <span />
+                  <span>
+                    Angle Lake
+                  </span>
                 </span>
               </span>
               <span
@@ -111432,13 +112099,13 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
             />
           </div>
           <div
-            className="c44"
+            className="c45"
           >
             <div
-              className="c45"
+              className="c46"
             >
               <button
-                className="c16 c46"
+                className="c16 c47"
                 onClick={[Function]}
               >
                 Ride 
@@ -111484,189 +112151,189 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c47"
+                  className="c48"
                 >
                   <ol
-                    className="c48"
+                    className="c49"
                   >
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Roosevelt Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         U District Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Univ of Washington Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Capitol Hill Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Westlake Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         University St Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Pioneer Square Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Int'l Dist/Chinatown Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Stadium Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         SODO Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Beacon Hill Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Mount Baker Station
                       </div>
                     </li>
                     <li
-                      className="c49"
+                      className="c50"
                     >
                       <div
-                        className="c50"
+                        className="c51"
                       >
                         •
                       </div>
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         Columbia City Station
                       </div>
@@ -111689,7 +112356,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -111768,7 +112435,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -112300,7 +112967,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -112329,11 +112996,11 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
           className="c5"
         >
           <div
-            className="c52"
+            className="c53"
           >
             <svg
               aria-hidden="true"
-              className="c22 c53"
+              className="c22 c54"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -112384,7 +113051,7 @@ exports[`Storyshots ItineraryBody/otp-ui Individual Leg Fare Components 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -113735,7 +114402,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -114003,7 +114670,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -114040,9 +114707,9 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
-              Lo
+              LD
             </span>
             <span
               className="c41"
@@ -114085,7 +114752,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -114394,7 +115061,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -114478,7 +115145,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -114649,7 +115316,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -114686,9 +115353,9 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
-              Bo
+              JU
             </span>
             <span
               className="c41"
@@ -114731,7 +115398,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -114984,7 +115651,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -115068,7 +115735,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -115239,7 +115906,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -115276,7 +115943,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               60
             </span>
@@ -115321,7 +115988,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -115336,6 +116003,13 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
               <span
                 className="c13 c43"
               >
+                <div>
+                  <span
+                    className="c44"
+                  >
+                    60+ Ride
+                  </span>
+                </div>
                 <span
                   className="c45"
                 >
@@ -115408,7 +116082,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -115502,7 +116176,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Flex Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -116266,7 +116940,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -116470,7 +117144,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -116559,7 +117233,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -116991,7 +117665,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -117075,7 +117749,7 @@ exports[`Storyshots ItineraryBody/otp-ui OTP 2 Scooter Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -119536,7 +120210,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   overflow: hidden;
 }
 
-.c57 {
+.c58 {
   color: #f44256;
 }
 
@@ -119621,7 +120295,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c56 {
+.c57 {
   text-align: center;
 }
 
@@ -119658,7 +120332,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c52 {
+.c53 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -119710,7 +120384,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   width: 0;
 }
 
-.c41 {
+.c42 {
   font-weight: 200;
 }
 
@@ -119718,11 +120392,16 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c40 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c39 {
   color: #807373;
   margin-top: 5px;
@@ -119947,23 +120626,23 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   margin-left: 10px;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c54 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -119974,30 +120653,30 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c46 {
+.c47 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c45 {
+.c46 {
   float: left;
   font-size: 18px;
 }
 
-.c43 {
+.c44 {
   display: block;
   margin-top: 3px;
 }
 
-.c42 {
+.c43 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -120006,11 +120685,11 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   padding: 0;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
 }
 
-.c49 {
+.c50 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -120018,11 +120697,11 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
   display: flex;
 }
 
-.c51 {
+.c52 {
   font-size: 14px;
 }
 
-.c50 {
+.c51 {
   padding: 0;
 }
 
@@ -120097,7 +120776,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -120532,7 +121211,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -120611,7 +121290,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -120847,7 +121526,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -120884,7 +121563,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -120929,7 +121608,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -120944,13 +121623,20 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
               <span
                 className="c13 c39"
               >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c40"
+                  className="c41"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c41"
+                      className="c42"
                     >
                       to
                     </span>
@@ -120988,12 +121674,12 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
           role="group"
         >
           <button
-            className="c16 c42"
+            className="c16 c43"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -121042,18 +121728,18 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
               style={Object {}}
             >
               <div
-                className="c43"
+                className="c44"
               >
                 <a
-                  className="c44"
+                  className="c45"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -121068,26 +121754,26 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c44"
+                  className="c45"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -121102,12 +121788,12 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -121116,13 +121802,13 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c48"
+            className="c49"
           >
             <div
-              className="c49"
+              className="c50"
             >
               <button
-                className="c16 c50"
+                className="c16 c51"
                 onClick={[Function]}
               >
                 Ride 
@@ -121168,119 +121854,119 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c52"
                 >
                   <ol
-                    className="c52"
+                    className="c53"
                   >
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -121303,7 +121989,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -121387,7 +122073,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -121657,7 +122343,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -121686,11 +122372,11 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c56"
+            className="c57"
           >
             <svg
               aria-hidden="true"
-              className="c22 c57"
+              className="c22 c58"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -121741,7 +122427,7 @@ exports[`Storyshots ItineraryBody/otp-ui Park And Ride Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -122163,7 +122849,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   overflow: hidden;
 }
 
-.c58 {
+.c59 {
   color: #f44256;
 }
 
@@ -122224,7 +122910,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   margin: 0 0.125em;
 }
 
-.c57 {
+.c58 {
   text-align: center;
 }
 
@@ -122250,7 +122936,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   transform: translateX(-50%);
 }
 
-.c53 {
+.c54 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -122302,7 +122988,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   width: 0;
 }
 
-.c42 {
+.c43 {
   font-weight: 200;
 }
 
@@ -122310,11 +122996,16 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   font-weight: inherit;
 }
 
-.c41 {
+.c42 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c41 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c40 {
   color: #807373;
   margin-top: 5px;
@@ -122539,23 +123230,23 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   margin-left: 10px;
 }
 
-.c55 {
+.c56 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c56 {
+.c57 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c54 {
+.c55 {
   z-index: 30;
   position: relative;
 }
 
-.c45 {
+.c46 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -122566,30 +123257,30 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   text-decoration: none;
 }
 
-.c47 {
+.c48 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c46 {
+.c47 {
   float: left;
   font-size: 18px;
 }
 
-.c44 {
+.c45 {
   display: block;
   margin-top: 3px;
 }
 
-.c43 {
+.c44 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -122598,11 +123289,11 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   padding: 0;
 }
 
-.c49 {
+.c50 {
   margin-top: 5px;
 }
 
-.c50 {
+.c51 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -122610,11 +123301,11 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
   display: flex;
 }
 
-.c52 {
+.c53 {
   font-size: 14px;
 }
 
-.c51 {
+.c52 {
   padding: 0;
 }
 
@@ -122698,7 +123389,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         className="c14 c15"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c16"
@@ -122869,7 +123560,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -122906,7 +123597,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -122951,7 +123642,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         className="c14 c15"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c16"
@@ -122966,13 +123657,20 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
               <span
                 className="c16 c40"
               >
+                <div>
+                  <span
+                    className="c41"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c41"
+                  className="c42"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c42"
+                      className="c43"
                     >
                       to
                     </span>
@@ -123010,12 +123708,12 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
           role="group"
         >
           <button
-            className="c19 c43"
+            className="c19 c44"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c25 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c25 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -123064,18 +123762,18 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
               style={Object {}}
             >
               <div
-                className="c44"
+                className="c45"
               >
                 <a
-                  className="c45"
+                  className="c46"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123090,26 +123788,26 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c48"
+                    className="c49"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c45"
+                  className="c46"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123124,26 +123822,26 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c48"
+                    className="c49"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c45"
+                  className="c46"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c25 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -123158,12 +123856,12 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                     </svg>
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c48"
+                    className="c49"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -123172,13 +123870,13 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
             </div>
           </div>
           <div
-            className="c49"
+            className="c50"
           >
             <div
-              className="c50"
+              className="c51"
             >
               <button
-                className="c19 c51"
+                className="c19 c52"
                 onClick={[Function]}
               >
                 Ride 
@@ -123224,21 +123922,21 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
                 style={Object {}}
               >
                 <div
-                  className="c52"
+                  className="c53"
                 >
                   <ol
-                    className="c53"
+                    className="c54"
                   >
                     <li
-                      className="c54"
+                      className="c55"
                     >
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         •
                       </div>
                       <div
-                        className="c56"
+                        className="c57"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -123265,7 +123963,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -123349,7 +124047,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         className="c14 c15"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c16"
@@ -123586,7 +124284,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -123615,11 +124313,11 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
           className="c6"
         >
           <div
-            className="c57"
+            className="c58"
           >
             <svg
               aria-hidden="true"
-              className="c25 c58"
+              className="c25 c59"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -123670,7 +124368,7 @@ exports[`Storyshots ItineraryBody/otp-ui Styled Walk Transit Walk Itinerary 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -124092,7 +124790,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   overflow: hidden;
 }
 
-.c55 {
+.c56 {
   color: #f44256;
 }
 
@@ -124153,7 +124851,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   margin: 0 0.125em;
 }
 
-.c54 {
+.c55 {
   text-align: center;
 }
 
@@ -124179,7 +124877,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   transform: translateX(-50%);
 }
 
-.c50 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -124231,7 +124929,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -124239,11 +124937,16 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -124468,23 +125171,23 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   margin-left: 10px;
 }
 
-.c52 {
+.c53 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c54 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -124495,30 +125198,30 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -124527,11 +125230,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -124539,11 +125242,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
   display: flex;
 }
 
-.c49 {
+.c50 {
   font-size: 14px;
 }
 
-.c48 {
+.c49 {
   padding: 0;
 }
 
@@ -124613,7 +125316,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -124784,7 +125487,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -124821,7 +125524,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -124866,7 +125569,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -124881,13 +125584,20 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -124925,12 +125635,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -124979,18 +125689,18 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125005,26 +125715,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125039,26 +125749,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -125073,12 +125783,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -125087,13 +125797,13 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <button
-                className="c16 c48"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
@@ -125139,21 +125849,21 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c50"
                 >
                   <ol
-                    className="c50"
+                    className="c51"
                   >
                     <li
-                      className="c51"
+                      className="c52"
                     >
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -125180,7 +125890,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -125264,7 +125974,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -125501,7 +126211,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -125530,11 +126240,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
           className="c5"
         >
           <div
-            className="c54"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c22 c55"
+              className="c22 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -125585,7 +126295,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -126007,7 +126717,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   overflow: hidden;
 }
 
-.c55 {
+.c56 {
   color: #f44256;
 }
 
@@ -126068,7 +126778,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   margin: 0 0.125em;
 }
 
-.c54 {
+.c55 {
   text-align: center;
 }
 
@@ -126094,7 +126804,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   transform: translateX(-50%);
 }
 
-.c50 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -126146,7 +126856,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -126154,11 +126864,16 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -126383,23 +127098,23 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   margin-left: 10px;
 }
 
-.c52 {
+.c53 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c54 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -126410,30 +127125,30 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -126442,11 +127157,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -126454,11 +127169,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
   display: flex;
 }
 
-.c49 {
+.c50 {
   font-size: 14px;
 }
 
-.c48 {
+.c49 {
   padding: 0;
 }
 
@@ -126528,7 +127243,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -126699,7 +127414,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -126736,7 +127451,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -126781,7 +127496,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -126796,13 +127511,20 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -126840,12 +127562,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -126894,18 +127616,18 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -126920,26 +127642,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -126954,26 +127676,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -126988,12 +127710,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -127002,13 +127724,13 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <button
-                className="c16 c48"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
@@ -127054,21 +127776,21 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c50"
                 >
                   <ol
-                    className="c50"
+                    className="c51"
                   >
                     <li
-                      className="c51"
+                      className="c52"
                     >
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -127095,7 +127817,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -127179,7 +127901,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -127416,7 +128138,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -127445,11 +128167,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
           className="c5"
         >
           <div
-            className="c54"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c22 c55"
+              className="c22 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -127500,7 +128222,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Not Always Collapsing 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -127921,7 +128643,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   overflow: hidden;
 }
 
-.c55 {
+.c56 {
   color: #f44256;
 }
 
@@ -127982,7 +128704,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   margin: 0 0.125em;
 }
 
-.c54 {
+.c55 {
   text-align: center;
 }
 
@@ -128008,7 +128730,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   transform: translateX(-50%);
 }
 
-.c50 {
+.c51 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -128060,7 +128782,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -128068,11 +128790,16 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -128297,23 +129024,23 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   margin-left: 10px;
 }
 
-.c52 {
+.c53 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c54 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c52 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -128324,30 +129051,30 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -128356,11 +129083,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -128368,11 +129095,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
   display: flex;
 }
 
-.c49 {
+.c50 {
   font-size: 14px;
 }
 
-.c48 {
+.c49 {
   padding: 0;
 }
 
@@ -128442,7 +129169,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -128613,7 +129340,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -128650,7 +129377,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -128695,7 +129422,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -128710,13 +129437,20 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -128754,12 +129488,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -128808,18 +129542,18 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -128834,26 +129568,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -128868,26 +129602,26 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -128902,12 +129636,12 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -128916,13 +129650,13 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <button
-                className="c16 c48"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
@@ -128968,21 +129702,21 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c50"
                 >
                   <ol
-                    className="c50"
+                    className="c51"
                   >
                     <li
-                      className="c51"
+                      className="c52"
                     >
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -129009,7 +129743,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -129093,7 +129827,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -129330,7 +130064,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -129359,11 +130093,11 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
           className="c5"
         >
           <div
-            className="c54"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c22 c55"
+              className="c22 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -129414,7 +130148,7 @@ exports[`Storyshots ItineraryBody/otp-ui Three Alerts Without Collapsing Prop 2`
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -129844,7 +130578,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   overflow: hidden;
 }
 
-.c51 {
+.c52 {
   color: #f44256;
 }
 
@@ -129973,7 +130707,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   padding-left: 1px;
 }
 
-.c47 {
+.c48 {
   bottom: 0;
   left: 110px;
   position: absolute;
@@ -129981,14 +130715,14 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   top: 0;
 }
 
-.c48 {
+.c49 {
   background-color: #fcf9d3;
   display: table;
   height: 100%;
   width: 100%;
 }
 
-.c46 {
+.c47 {
   border-bottom: 16px solid transparent;
   border-right: 16px solid #fcf9d3;
   border-top: 16px solid transparent;
@@ -129999,7 +130733,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   width: 0;
 }
 
-.c49 {
+.c50 {
   color: #444;
   display: table-cell;
   font-style: italic;
@@ -130020,7 +130754,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   margin: 0 0.125em;
 }
 
-.c50 {
+.c51 {
   text-align: center;
 }
 
@@ -130057,7 +130791,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c42 {
+.c43 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -130113,11 +130847,16 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c37 {
+.c38 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c37 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c36 {
   color: #807373;
   margin-top: 5px;
@@ -130311,27 +131050,27 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   padding: 0;
 }
 
-.c44 {
+.c45 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c45 {
+.c46 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c43 {
+.c44 {
   z-index: 30;
   position: relative;
 }
 
-.c38 {
+.c39 {
   margin-top: 5px;
 }
 
-.c39 {
+.c40 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -130339,11 +131078,11 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
   display: flex;
 }
 
-.c41 {
+.c42 {
   font-size: 14px;
 }
 
-.c40 {
+.c41 {
   padding: 0;
 }
 
@@ -130430,7 +131169,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
           className="c13"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c14"
@@ -130467,7 +131206,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
             className="c19"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c20"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c20"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.5241494&pickup[longitude]=-122.68303&pickup[formatted_address]=128%20NW%2012th%20Ave,%20Portland&dropoff[latitude]=45.5230001&dropoff[longitude]=-122.6766363&dropoff[formatted_address]=West%20Burnside%20Street"
               target="_blank"
             >
@@ -130475,14 +131214,14 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
             </a>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             2 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -130502,7 +131241,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -130581,7 +131320,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         className="c13"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c14"
@@ -130684,7 +131423,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -130721,14 +131460,14 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               20
             </span>
             <span
               className="c35"
             >
-              
+              Burnside/Stark
             </span>
           </div>
         </div>
@@ -130761,7 +131500,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         className="c13"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c14"
@@ -130776,10 +131515,19 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
               <span
                 className="c14 c36"
               >
+                <div>
+                  <span
+                    className="c37"
+                  >
+                    20
+                  </span>
+                </div>
                 <span
-                  className="c37"
+                  className="c38"
                 >
-                  <span />
+                  <span>
+                    Burnside/Stark
+                  </span>
                 </span>
               </span>
               <span
@@ -130821,13 +131569,13 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
             />
           </div>
           <div
-            className="c38"
+            className="c39"
           >
             <div
-              className="c39"
+              className="c40"
             >
               <button
-                className="c17 c40"
+                className="c17 c41"
                 onClick={[Function]}
               >
                 Ride 
@@ -130873,35 +131621,35 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c41"
+                  className="c42"
                 >
                   <ol
-                    className="c42"
+                    className="c43"
                   >
                     <li
-                      className="c43"
+                      className="c44"
                     >
                       <div
-                        className="c44"
+                        className="c45"
                       >
                         •
                       </div>
                       <div
-                        className="c45"
+                        className="c46"
                       >
                         W Burnside & SW 2nd
                       </div>
                     </li>
                     <li
-                      className="c43"
+                      className="c44"
                     >
                       <div
-                        className="c44"
+                        className="c45"
                       >
                         •
                       </div>
                       <div
-                        className="c45"
+                        className="c46"
                       >
                         E Burnside & SE 8th
                       </div>
@@ -130924,7 +131672,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -131003,7 +131751,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         className="c13"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c14"
@@ -131106,7 +131854,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -131202,7 +131950,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
           className="c13"
         >
           <div
-            className="styled__LegClickable-sc-1q8npbl-23"
+            className="styled__LegClickable-sc-1q8npbl-24"
           >
             <span
               className="c14"
@@ -131239,23 +131987,23 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
             className="c19"
           >
             <a
-              className="styled__BookTNCRideButton-sc-1q8npbl-11 c20"
+              className="styled__BookTNCRideButton-sc-1q8npbl-12 c20"
               href="https://m.uber.com/?client_id=&action=setPickup&pickup[latitude]=45.522907&pickup[longitude]=-122.653824&pickup[formatted_address]=East%20Burnside%20Street&dropoff[latitude]=45.525773&dropoff[longitude]=-122.6535042&dropoff[formatted_address]=407%20NE%2012th%20Ave,%20Portland"
               target="_blank"
             >
               Book Ride
             </a>
             <div
-              className="c46"
+              className="c47"
             />
             <div
-              className="c47"
+              className="c48"
             >
               <div
-                className="c48"
+                className="c49"
               >
                 <div
-                  className="c49"
+                  className="c50"
                 >
                   Wait until 11:08 AM to book
                 </div>
@@ -131263,14 +132011,14 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="styled__TNCTravelTime-sc-1q8npbl-13"
+            className="styled__TNCTravelTime-sc-1q8npbl-14"
           >
             Estimated travel time: 
             1 min
              (does not account for traffic)
           </div>
           <div
-            className="styled__TNCCost-sc-1q8npbl-14"
+            className="styled__TNCCost-sc-1q8npbl-15"
           >
             Estimated cost: 
             $17.00
@@ -131290,7 +132038,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -131319,11 +132067,11 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c50"
+            className="c51"
           >
             <svg
               aria-hidden="true"
-              className="c31 c51"
+              className="c31 c52"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -131374,7 +132122,7 @@ exports[`Storyshots ItineraryBody/otp-ui Tnc Transit Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -133835,7 +134583,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   overflow: hidden;
 }
 
-.c57 {
+.c58 {
   color: #f44256;
 }
 
@@ -133920,7 +134668,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   margin: 0 0.125em;
 }
 
-.c56 {
+.c57 {
   text-align: center;
 }
 
@@ -133957,7 +134705,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   transform: translateX(-50%);
 }
 
-.c52 {
+.c53 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -134009,7 +134757,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   width: 0;
 }
 
-.c41 {
+.c42 {
   font-weight: 200;
 }
 
@@ -134017,11 +134765,16 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   font-weight: inherit;
 }
 
-.c40 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c39 {
   color: #807373;
   margin-top: 5px;
@@ -134246,23 +134999,23 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   margin-left: 10px;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c54 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -134273,30 +135026,30 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   text-decoration: none;
 }
 
-.c46 {
+.c47 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c45 {
+.c46 {
   float: left;
   font-size: 18px;
 }
 
-.c43 {
+.c44 {
   display: block;
   margin-top: 3px;
 }
 
-.c42 {
+.c43 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -134305,11 +135058,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   padding: 0;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
 }
 
-.c49 {
+.c50 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -134317,11 +135070,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
   display: flex;
 }
 
-.c51 {
+.c52 {
   font-size: 14px;
 }
 
-.c50 {
+.c51 {
   padding: 0;
 }
 
@@ -134396,7 +135149,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -134831,7 +135584,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -134910,7 +135663,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -135146,7 +135899,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -135183,7 +135936,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -135228,7 +135981,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -135243,13 +135996,20 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
               <span
                 className="c13 c39"
               >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c40"
+                  className="c41"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c41"
+                      className="c42"
                     >
                       to
                     </span>
@@ -135287,12 +136047,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
           role="group"
         >
           <button
-            className="c16 c42"
+            className="c16 c43"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -135341,18 +136101,18 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
               style={Object {}}
             >
               <div
-                className="c43"
+                className="c44"
               >
                 <a
-                  className="c44"
+                  className="c45"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -135367,26 +136127,26 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c44"
+                  className="c45"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -135401,12 +136161,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -135415,13 +136175,13 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
             </div>
           </div>
           <div
-            className="c48"
+            className="c49"
           >
             <div
-              className="c49"
+              className="c50"
             >
               <button
-                className="c16 c50"
+                className="c16 c51"
                 onClick={[Function]}
               >
                 Ride 
@@ -135467,119 +136227,119 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c52"
                 >
                   <ol
-                    className="c52"
+                    className="c53"
                   >
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -135602,7 +136362,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -135686,7 +136446,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -135956,7 +136716,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -135985,11 +136745,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
           className="c5"
         >
           <div
-            className="c56"
+            className="c57"
           >
             <svg
               aria-hidden="true"
-              className="c22 c57"
+              className="c22 c58"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -136040,7 +136800,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alert Without Collapsing Prop 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -138502,7 +139262,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   overflow: hidden;
 }
 
-.c57 {
+.c58 {
   color: #f44256;
 }
 
@@ -138587,7 +139347,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   margin: 0 0.125em;
 }
 
-.c56 {
+.c57 {
   text-align: center;
 }
 
@@ -138624,7 +139384,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   transform: translateX(-50%);
 }
 
-.c52 {
+.c53 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -138676,7 +139436,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   width: 0;
 }
 
-.c41 {
+.c42 {
   font-weight: 200;
 }
 
@@ -138684,11 +139444,16 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   font-weight: inherit;
 }
 
-.c40 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c39 {
   color: #807373;
   margin-top: 5px;
@@ -138913,23 +139678,23 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   margin-left: 10px;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c54 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -138940,30 +139705,30 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   text-decoration: none;
 }
 
-.c46 {
+.c47 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c45 {
+.c46 {
   float: left;
   font-size: 18px;
 }
 
-.c43 {
+.c44 {
   display: block;
   margin-top: 3px;
 }
 
-.c42 {
+.c43 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -138972,11 +139737,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   padding: 0;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
 }
 
-.c49 {
+.c50 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -138984,11 +139749,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
   display: flex;
 }
 
-.c51 {
+.c52 {
   font-size: 14px;
 }
 
-.c50 {
+.c51 {
   padding: 0;
 }
 
@@ -139063,7 +139828,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -139498,7 +140263,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -139577,7 +140342,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -139813,7 +140578,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -139850,7 +140615,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -139895,7 +140660,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -139910,13 +140675,20 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
               <span
                 className="c13 c39"
               >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c40"
+                  className="c41"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c41"
+                      className="c42"
                     >
                       to
                     </span>
@@ -139954,12 +140726,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
           role="group"
         >
           <button
-            className="c16 c42"
+            className="c16 c43"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -140008,18 +140780,18 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
               style={Object {}}
             >
               <div
-                className="c43"
+                className="c44"
               >
                 <a
-                  className="c44"
+                  className="c45"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -140034,26 +140806,26 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c44"
+                  className="c45"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -140068,12 +140840,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -140082,13 +140854,13 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
             </div>
           </div>
           <div
-            className="c48"
+            className="c49"
           >
             <div
-              className="c49"
+              className="c50"
             >
               <button
-                className="c16 c50"
+                className="c16 c51"
                 onClick={[Function]}
               >
                 Ride 
@@ -140134,119 +140906,119 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c52"
                 >
                   <ol
-                    className="c52"
+                    className="c53"
                   >
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -140269,7 +141041,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -140353,7 +141125,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -140623,7 +141395,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -140652,11 +141424,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
           className="c5"
         >
           <div
-            className="c56"
+            className="c57"
           >
             <svg
               aria-hidden="true"
-              className="c22 c57"
+              className="c22 c58"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -140707,7 +141479,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -143169,7 +143941,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   overflow: hidden;
 }
 
-.c57 {
+.c58 {
   color: #f44256;
 }
 
@@ -143254,7 +144026,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   margin: 0 0.125em;
 }
 
-.c56 {
+.c57 {
   text-align: center;
 }
 
@@ -143291,7 +144063,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   transform: translateX(-50%);
 }
 
-.c52 {
+.c53 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -143343,7 +144115,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   width: 0;
 }
 
-.c41 {
+.c42 {
   font-weight: 200;
 }
 
@@ -143351,11 +144123,16 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   font-weight: inherit;
 }
 
-.c40 {
+.c41 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c40 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c39 {
   color: #807373;
   margin-top: 5px;
@@ -143580,23 +144357,23 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   margin-left: 10px;
 }
 
-.c54 {
+.c55 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c55 {
+.c56 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c53 {
+.c54 {
   z-index: 30;
   position: relative;
 }
 
-.c44 {
+.c45 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -143607,30 +144384,30 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   text-decoration: none;
 }
 
-.c46 {
+.c47 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c45 {
+.c46 {
   float: left;
   font-size: 18px;
 }
 
-.c43 {
+.c44 {
   display: block;
   margin-top: 3px;
 }
 
-.c42 {
+.c43 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -143639,11 +144416,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   padding: 0;
 }
 
-.c48 {
+.c49 {
   margin-top: 5px;
 }
 
-.c49 {
+.c50 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -143651,11 +144428,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
   display: flex;
 }
 
-.c51 {
+.c52 {
   font-size: 14px;
 }
 
-.c50 {
+.c51 {
   padding: 0;
 }
 
@@ -143730,7 +144507,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -144165,7 +144942,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -144244,7 +145021,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -144480,7 +145257,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -144517,7 +145294,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -144562,7 +145339,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -144577,13 +145354,20 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
               <span
                 className="c13 c39"
               >
+                <div>
+                  <span
+                    className="c40"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c40"
+                  className="c41"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c41"
+                      className="c42"
                     >
                       to
                     </span>
@@ -144621,12 +145405,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
           role="group"
         >
           <button
-            className="c16 c42"
+            className="c16 c43"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -144675,18 +145459,18 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
               style={Object {}}
             >
               <div
-                className="c43"
+                className="c44"
               >
                 <a
-                  className="c44"
+                  className="c45"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -144701,26 +145485,26 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c44"
+                  className="c45"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -144735,12 +145519,12 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
                     </svg>
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c47"
+                    className="c48"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -144749,13 +145533,13 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
             </div>
           </div>
           <div
-            className="c48"
+            className="c49"
           >
             <div
-              className="c49"
+              className="c50"
             >
               <button
-                className="c16 c50"
+                className="c16 c51"
                 onClick={[Function]}
               >
                 Ride 
@@ -144801,119 +145585,119 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
                 style={Object {}}
               >
                 <div
-                  className="c51"
+                  className="c52"
                 >
                   <ol
-                    className="c52"
+                    className="c53"
                   >
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Washington Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Goose Hollow/SW Jefferson St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Kings Hill/SW Salmon St MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Providence Park MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Library/SW 9th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Pioneer Square South MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Mall/SW 4th Ave MAX Station
                       </div>
                     </li>
                     <li
-                      className="c53"
+                      className="c54"
                     >
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         •
                       </div>
                       <div
-                        className="c55"
+                        className="c56"
                       >
                         Yamhill District MAX Station
                       </div>
@@ -144936,7 +145720,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -145020,7 +145804,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -145290,7 +146074,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -145319,11 +146103,11 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
           className="c5"
         >
           <div
-            className="c56"
+            className="c57"
           >
             <svg
               aria-hidden="true"
-              className="c22 c57"
+              className="c22 c58"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -145374,7 +146158,7 @@ exports[`Storyshots ItineraryBody/otp-ui Two Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -147838,7 +148622,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -148141,7 +148925,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -148178,7 +148962,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               51
             </span>
@@ -148223,7 +149007,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -148442,7 +149226,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -148526,7 +149310,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -148629,7 +149413,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -148666,7 +149450,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               40
             </span>
@@ -148711,7 +149495,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -148958,7 +149742,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -149042,7 +149826,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -149246,7 +150030,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -149283,7 +150067,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               E 
             </span>
@@ -149328,7 +150112,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -149701,7 +150485,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -149785,7 +150569,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -149956,7 +150740,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -150040,7 +150824,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Interlined Transit Itinerary 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -150565,7 +151349,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -150726,7 +151510,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -150810,7 +151594,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Only Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -152044,7 +152828,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -152215,7 +152999,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -152252,7 +153036,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               75
             </span>
@@ -152297,7 +153081,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -152508,7 +153292,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -152592,7 +153376,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -152796,7 +153580,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -152833,7 +153617,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               1
             </span>
@@ -152878,7 +153662,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -153089,7 +153873,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -153173,7 +153957,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -153377,7 +154161,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -153461,7 +154245,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -153492,6 +154276,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   textComponent={Symbol(react.fragment)}
 >
   <ItineraryBodyDefaultsWrapper
+    RouteDescriptionFooter={[Function]}
     itinerary={
       Object {
         "duration": 1232,
@@ -154216,7 +155001,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   overflow: hidden;
 }
 
-.c55 {
+.c56 {
   color: #f44256;
 }
 
@@ -154272,12 +155057,34 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   padding-left: 1px;
 }
 
+.c45 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: none;
+  border: none;
+  color: #007899;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 0.9em;
+  font-family: inherit;
+  margin: 0;
+  margin-top: 5px;
+  outline: inherit;
+  padding: 0;
+  text-align: inherit;
+}
+
 .c25::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c54 {
+.c55 {
   text-align: center;
 }
 
@@ -154303,7 +155110,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   transform: translateX(-50%);
 }
 
-.c49 {
+.c50 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -154597,27 +155404,27 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   margin-left: 10px;
 }
 
-.c51 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c52 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c51 {
   z-index: 30;
   position: relative;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
 }
 
-.c46 {
+.c47 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -154625,11 +155432,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   display: flex;
 }
 
-.c48 {
+.c49 {
   font-size: 14px;
 }
 
-.c47 {
+.c48 {
   padding: 0;
 }
 
@@ -154679,7 +155486,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
   word-wrap: anywhere;
 }
 
-.c53 {
+.c54 {
   -webkit-align-items: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
@@ -154825,7 +155632,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         className="c16"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c17"
@@ -154996,7 +155803,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -155033,7 +155840,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               75
             </span>
@@ -155120,7 +155927,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         className="c16"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c17"
@@ -155181,6 +155988,14 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
             </button>
           </span>
         </div>
+        <button
+          className="c45"
+          onClick={null}
+        >
+          Arrives in 
+          4
+           minutes
+        </button>
         <div
           aria-label="Leg details"
           role="group"
@@ -155200,13 +156015,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
             />
           </div>
           <div
-            className="c45"
+            className="c46"
           >
             <div
-              className="c46"
+              className="c47"
             >
               <button
-                className="c20 c47"
+                className="c20 c48"
                 onClick={[Function]}
               >
                 Ride 
@@ -155252,63 +156067,63 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c49"
                 >
                   <ol
-                    className="c49"
+                    className="c50"
                   >
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Cesar Chavez Blvd & Clinton
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Cesar Chavez Blvd & Division
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Cesar Chavez Blvd & Lincoln
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Cesar Chavez Blvd & Stephens
                       </div>
@@ -155331,7 +156146,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -155415,7 +156230,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         className="c16"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c17"
@@ -155619,7 +156434,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -155656,7 +156471,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               1
             </span>
@@ -155689,7 +156504,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
     >
       4:00 PM
       <div
-        className="c53"
+        className="c54"
         color="#ffe4e5"
         title="❌"
       >
@@ -155743,7 +156558,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         className="c16"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c17"
@@ -155804,6 +156619,14 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
             </button>
           </span>
         </div>
+        <button
+          className="c45"
+          onClick={null}
+        >
+          Arrives in 
+          10
+           minutes
+        </button>
         <div
           aria-label="Leg details"
           role="group"
@@ -155823,13 +156646,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
             />
           </div>
           <div
-            className="c45"
+            className="c46"
           >
             <div
-              className="c46"
+              className="c47"
             >
               <button
-                className="c20 c47"
+                className="c20 c48"
                 onClick={[Function]}
               >
                 Ride 
@@ -155875,63 +156698,63 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c49"
                 >
                   <ol
-                    className="c49"
+                    className="c50"
                   >
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Hawthorne & 37th
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Hawthorne & 34th
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Hawthorne & 32nd
                       </div>
                     </li>
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         SE Hawthorne & 30th
                       </div>
@@ -155954,7 +156777,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -156026,7 +156849,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
     >
       4:04 PM
       <div
-        className="c53"
+        className="c54"
         color="#ffe4e5"
         title="❌"
       >
@@ -156080,7 +156903,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         className="c16"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c17"
@@ -156284,7 +157107,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -156313,11 +157136,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
           className="c5"
         >
           <div
-            className="c54"
+            className="c55"
           >
             <svg
               aria-hidden="true"
-              className="c11 c55"
+              className="c11 c56"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -156368,7 +157191,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Transfer With A 11 Y Itine
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -156399,6 +157222,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 1`] = `
   textComponent={Symbol(react.fragment)}
 >
   <ItineraryBodyDefaultsWrapper
+    RouteDescriptionFooter={[Function]}
     itinerary={
       Object {
         "duration": 357,
@@ -156789,7 +157613,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   overflow: hidden;
 }
 
-.c55 {
+.c57 {
   color: #f44256;
 }
 
@@ -156845,12 +157669,34 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   padding-left: 1px;
 }
 
+.c41 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  background: none;
+  border: none;
+  color: #007899;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 0.9em;
+  font-family: inherit;
+  margin: 0;
+  margin-top: 5px;
+  outline: inherit;
+  padding: 0;
+  text-align: inherit;
+}
+
 .c21::before {
   content: "";
   margin: 0 0.125em;
 }
 
-.c54 {
+.c56 {
   text-align: center;
 }
 
@@ -156876,7 +157722,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   transform: translateX(-50%);
 }
 
-.c50 {
+.c52 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -156928,7 +157774,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -156936,11 +157782,16 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -157165,23 +158016,23 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   margin-left: 10px;
 }
 
-.c52 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c53 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c51 {
+.c53 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c44 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -157192,30 +158043,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   text-decoration: none;
 }
 
-.c44 {
+.c46 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c47 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c45 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c43 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c42 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -157224,11 +158075,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   padding: 0;
 }
 
-.c46 {
+.c48 {
   margin-top: 5px;
 }
 
-.c47 {
+.c49 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -157236,11 +158087,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
   display: flex;
 }
 
-.c49 {
+.c51 {
   font-size: 14px;
 }
 
-.c48 {
+.c50 {
   padding: 0;
 }
 
@@ -157310,7 +158161,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -157481,7 +158332,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -157518,7 +158369,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -157563,7 +158414,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -157578,13 +158429,20 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -157617,17 +158475,25 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
             </button>
           </span>
         </div>
+        <button
+          className="c41"
+          onClick={null}
+        >
+          Arrives in 
+          3
+           minutes
+        </button>
         <div
           aria-label="Leg details"
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c42"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -157676,18 +158542,18 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c43"
               >
                 <a
-                  className="c42"
+                  className="c44"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -157702,26 +158568,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c46"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c47"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c44"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -157736,26 +158602,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c46"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c47"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c44"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -157770,12 +158636,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c46"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c47"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -157784,13 +158650,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
             </div>
           </div>
           <div
-            className="c46"
+            className="c48"
           >
             <div
-              className="c47"
+              className="c49"
             >
               <button
-                className="c16 c48"
+                className="c16 c50"
                 onClick={[Function]}
               >
                 Ride 
@@ -157836,21 +158702,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
                 style={Object {}}
               >
                 <div
-                  className="c49"
+                  className="c51"
                 >
                   <ol
-                    className="c50"
+                    className="c52"
                   >
                     <li
-                      className="c51"
+                      className="c53"
                     >
                       <div
-                        className="c52"
+                        className="c54"
                       >
                         •
                       </div>
                       <div
-                        className="c53"
+                        className="c55"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -157877,7 +158743,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -157961,7 +158827,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -158198,7 +159064,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -158227,11 +159093,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
           className="c5"
         >
           <div
-            className="c54"
+            className="c56"
           >
             <svg
               aria-hidden="true"
-              className="c22 c55"
+              className="c22 c57"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -158282,7 +159148,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -158704,7 +159570,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   overflow: hidden;
 }
 
-.c56 {
+.c57 {
   color: #f44256;
 }
 
@@ -158765,7 +159631,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   margin: 0 0.125em;
 }
 
-.c55 {
+.c56 {
   text-align: center;
 }
 
@@ -158791,7 +159657,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   transform: translateX(-50%);
 }
 
-.c51 {
+.c52 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -158843,7 +159709,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -158851,11 +159717,16 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -159080,23 +159951,23 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   margin-left: 10px;
 }
 
-.c53 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c54 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c53 {
   z-index: 30;
   position: relative;
 }
 
-.c43 {
+.c44 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -159107,30 +159978,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   text-decoration: none;
 }
 
-.c45 {
+.c46 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c44 {
+.c45 {
   float: left;
   font-size: 18px;
 }
 
-.c42 {
+.c43 {
   display: block;
   margin-top: 3px;
 }
 
-.c41 {
+.c42 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -159139,11 +160010,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   padding: 0;
 }
 
-.c47 {
+.c48 {
   margin-top: 5px;
 }
 
-.c48 {
+.c49 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -159151,30 +160022,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
   display: flex;
 }
 
-.c50 {
+.c51 {
   font-size: 14px;
 }
 
-.c49 {
+.c50 {
   padding: 0;
 }
 
-.c40 {
+.c41 {
   margin-top: 5px;
 }
 
-.c40 a {
+.c41 a {
   color: #337ab7;
   -webkit-text-decoration: none;
   text-decoration: none;
 }
 
-.c40 a:hover {
+.c41 a:hover {
   -webkit-text-decoration: underline;
   text-decoration: underline;
 }
 
-.c40 img {
+.c41 img {
   margin-left: 5px;
   vertical-align: middle;
 }
@@ -159245,7 +160116,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -159416,7 +160287,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -159453,7 +160324,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -159498,7 +160369,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -159513,13 +160384,20 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -159557,7 +160435,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
           role="group"
         >
           <div
-            className="c40"
+            className="c41"
           >
             Service operated by 
             <a
@@ -159575,12 +160453,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
             </a>
           </div>
           <button
-            className="c16 c41"
+            className="c16 c42"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -159629,18 +160507,18 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
               style={Object {}}
             >
               <div
-                className="c42"
+                className="c43"
               >
                 <a
-                  className="c43"
+                  className="c44"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -159655,26 +160533,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                     </svg>
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c43"
+                  className="c44"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -159689,26 +160567,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                     </svg>
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c43"
+                  className="c44"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -159723,12 +160601,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                     </svg>
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c46"
+                    className="c47"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -159737,13 +160615,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
             </div>
           </div>
           <div
-            className="c47"
+            className="c48"
           >
             <div
-              className="c48"
+              className="c49"
             >
               <button
-                className="c16 c49"
+                className="c16 c50"
                 onClick={[Function]}
               >
                 Ride 
@@ -159789,21 +160667,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
                 style={Object {}}
               >
                 <div
-                  className="c50"
+                  className="c51"
                 >
                   <ol
-                    className="c51"
+                    className="c52"
                   >
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         •
                       </div>
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -159830,7 +160708,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -159914,7 +160792,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -160151,7 +161029,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -160180,11 +161058,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
           className="c5"
         >
           <div
-            className="c55"
+            className="c56"
           >
             <svg
               aria-hidden="true"
-              className="c22 c56"
+              className="c22 c57"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -160235,7 +161113,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Agency
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -160657,7 +161535,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   overflow: hidden;
 }
 
-.c54 {
+.c55 {
   color: #f44256;
 }
 
@@ -160718,7 +161596,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   margin: 0 0.125em;
 }
 
-.c53 {
+.c54 {
   text-align: center;
 }
 
@@ -160744,7 +161622,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   transform: translateX(-50%);
 }
 
-.c49 {
+.c50 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -160796,7 +161674,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   width: 0;
 }
 
-.c38 {
+.c39 {
   font-weight: 200;
 }
 
@@ -160804,11 +161682,16 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   font-weight: inherit;
 }
 
-.c37 {
+.c38 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c37 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c36 {
   color: #807373;
   margin-top: 5px;
@@ -161027,23 +161910,23 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   padding-left: 1ch;
 }
 
-.c51 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c52 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c51 {
   z-index: 30;
   position: relative;
 }
 
-.c41 {
+.c42 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -161054,30 +161937,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   text-decoration: none;
 }
 
-.c43 {
+.c44 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c44 {
+.c45 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c42 {
+.c43 {
   float: left;
   font-size: 18px;
 }
 
-.c40 {
+.c41 {
   display: block;
   margin-top: 3px;
 }
 
-.c39 {
+.c40 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -161086,11 +161969,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   padding: 0;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
 }
 
-.c46 {
+.c47 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -161098,11 +161981,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   display: flex;
 }
 
-.c48 {
+.c49 {
   font-size: 14px;
 }
 
-.c47 {
+.c48 {
   padding: 0;
 }
 
@@ -161172,7 +162055,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -161343,7 +162226,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -161380,7 +162263,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -161420,7 +162303,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -161435,13 +162318,20 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               <span
                 className="c13 c36"
               >
+                <div>
+                  <span
+                    className="c37"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c37"
+                  className="c38"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c38"
+                      className="c39"
                     >
                       to
                     </span>
@@ -161474,12 +162364,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           role="group"
         >
           <button
-            className="c16 c39"
+            className="c16 c40"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -161528,18 +162418,18 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               style={Object {}}
             >
               <div
-                className="c40"
+                className="c41"
               >
                 <a
-                  className="c41"
+                  className="c42"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c42"
+                    className="c43"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -161554,26 +162444,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c41"
+                  className="c42"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c42"
+                    className="c43"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -161588,26 +162478,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c41"
+                  className="c42"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c42"
+                    className="c43"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -161622,12 +162512,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -161636,13 +162526,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
             </div>
           </div>
           <div
-            className="c45"
+            className="c46"
           >
             <div
-              className="c46"
+              className="c47"
             >
               <button
-                className="c16 c47"
+                className="c16 c48"
                 onClick={[Function]}
               >
                 Ride 
@@ -161688,21 +162578,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c49"
                 >
                   <ol
-                    className="c49"
+                    className="c50"
                   >
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -161729,7 +162619,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -161808,7 +162698,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -162045,7 +162935,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -162074,11 +162964,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           className="c5"
         >
           <div
-            className="c53"
+            className="c54"
           >
             <svg
               aria-hidden="true"
-              className="c22 c54"
+              className="c22 c55"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -162129,7 +163019,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -162551,7 +163441,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   overflow: hidden;
 }
 
-.c54 {
+.c55 {
   color: #f44256;
 }
 
@@ -162612,7 +163502,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   margin: 0 0.125em;
 }
 
-.c53 {
+.c54 {
   text-align: center;
 }
 
@@ -162638,7 +163528,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   transform: translateX(-50%);
 }
 
-.c49 {
+.c50 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -162690,7 +163580,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -162698,11 +163588,16 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -162927,23 +163822,23 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   margin-left: 10px;
 }
 
-.c51 {
+.c52 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c52 {
+.c53 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c50 {
+.c51 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -162954,30 +163849,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -162986,11 +163881,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -162998,7 +163893,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   display: flex;
 }
 
-.c48 {
+.c49 {
   font-size: 14px;
 }
 
@@ -163068,7 +163963,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -163239,7 +164134,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -163276,7 +164171,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               MA
             </span>
@@ -163321,7 +164216,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -163336,13 +164231,20 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -163380,12 +164282,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -163434,18 +164336,18 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -163460,26 +164362,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -163494,26 +164396,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -163528,12 +164430,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -163542,10 +164444,10 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <div
                 onClick={[Function]}
@@ -163593,21 +164495,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                 style={Object {}}
               >
                 <div
-                  className="c48"
+                  className="c49"
                 >
                   <ol
-                    className="c49"
+                    className="c50"
                   >
                     <li
-                      className="c50"
+                      className="c51"
                     >
                       <div
-                        className="c51"
+                        className="c52"
                       >
                         •
                       </div>
                       <div
-                        className="c52"
+                        className="c53"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -163634,7 +164536,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -163718,7 +164620,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -163955,7 +164857,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -163984,11 +164886,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           className="c5"
         >
           <div
-            className="c53"
+            className="c54"
           >
             <svg
               aria-hidden="true"
-              className="c22 c54"
+              className="c22 c55"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -164039,7 +164941,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -164462,7 +165364,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   overflow: hidden;
 }
 
-.c56 {
+.c57 {
   color: #f44256;
 }
 
@@ -164494,11 +165396,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   text-decoration: underline;
 }
 
-.c49 {
+.c50 {
   padding-left: 0px;
 }
 
-.c49:before {
+.c50:before {
   content: "|";
   color: black;
   margin-right: 5px;
@@ -164533,7 +165435,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   margin: 0 0.125em;
 }
 
-.c55 {
+.c56 {
   text-align: center;
 }
 
@@ -164559,7 +165461,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   transform: translateX(-50%);
 }
 
-.c51 {
+.c52 {
   display: block;
   font-size: 13px;
   list-style: none;
@@ -164611,7 +165513,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   width: 0;
 }
 
-.c39 {
+.c40 {
   font-weight: 200;
 }
 
@@ -164619,11 +165521,16 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   font-weight: inherit;
 }
 
-.c38 {
+.c39 {
   font-size: 13px;
   font-weight: 500;
 }
 
+.c38 {
+  font-weight: 800;
+  margin-right: 6px;
+}
+
 .c37 {
   color: #807373;
   margin-top: 5px;
@@ -164848,23 +165755,23 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   margin-left: 10px;
 }
 
-.c53 {
+.c54 {
   float: left;
   margin-left: -36px;
   color: #fff;
 }
 
-.c54 {
+.c55 {
   color: #676767;
   margin-top: 3px;
 }
 
-.c52 {
+.c53 {
   z-index: 30;
   position: relative;
 }
 
-.c42 {
+.c43 {
   background-color: #eee;
   border-radius: 4px;
   color: #000;
@@ -164875,30 +165782,30 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   text-decoration: none;
 }
 
-.c44 {
+.c45 {
   font-size: 12px;
   margin-left: 30px;
   white-space: pre-wrap;
 }
 
-.c45 {
+.c46 {
   margin-top: 5px;
   margin-left: 30px;
   font-size: 12px;
   font-style: italic;
 }
 
-.c43 {
+.c44 {
   float: left;
   font-size: 18px;
 }
 
-.c41 {
+.c42 {
   display: block;
   margin-top: 3px;
 }
 
-.c40 {
+.c41 {
   color: #d14727;
   cursor: pointer;
   display: inline-block;
@@ -164907,11 +165814,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   padding: 0;
 }
 
-.c46 {
+.c47 {
   margin-top: 5px;
 }
 
-.c47 {
+.c48 {
   color: #676767;
   display: -webkit-box;
   display: -webkit-flex;
@@ -164919,11 +165826,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
   display: flex;
 }
 
-.c50 {
+.c51 {
   font-size: 14px;
 }
 
-.c48 {
+.c49 {
   padding: 0;
 }
 
@@ -164993,7 +165900,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -165164,7 +166071,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -165201,7 +166108,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             />
             <span
               className="c35"
@@ -165244,7 +166151,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -165259,13 +166166,20 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               <span
                 className="c13 c37"
               >
+                <div>
+                  <span
+                    className="c38"
+                  >
+                    MAX Blue Line
+                  </span>
+                </div>
                 <span
-                  className="c38"
+                  className="c39"
                 >
                   <span>
                     MAX Blue Line 
                     <span
-                      className="c39"
+                      className="c40"
                     >
                       to
                     </span>
@@ -165303,12 +166217,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           role="group"
         >
           <button
-            className="c16 c40"
+            className="c16 c41"
             onClick={[Function]}
           >
             <svg
               aria-hidden="true"
-              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-81"
+              className="c22 styled__DefaultAlertToggleIcon-sc-1q8npbl-82"
               fill="currentColor"
               focusable="false"
               height={15}
@@ -165357,18 +166271,18 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
               style={Object {}}
             >
               <div
-                className="c41"
+                className="c42"
               >
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -165383,26 +166297,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     TriMet Customer Service will be unavailable to serve text messages or Twitter responses from 9:00 p.m.- 11:30 p.m. For immediate assistance regarding safety or security concerns, please contact the police via 911.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of December 15, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="https://news.trimet.org/2019/11/next-up-for-elevator-improvements-sunset-transit-center-park-ride/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -165417,26 +166331,26 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The Park and Ride garage elevator at Sunset Transit Center is closed for approximately 3 months for improvements. During this time garage users must use the stairs or find alternate parking. Visit trimet.org/parkandride for a complete list of Park and Ride garages.
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 6, 2019
                   </div>
                 </a>
                 <a
-                  className="c42"
+                  className="c43"
                   href="http://trimet.org/alerts/"
                 >
                   <div
-                    className="c43"
+                    className="c44"
                   >
                     <svg
                       aria-hidden="true"
-                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-82"
+                      className="c22 styled__DefaultAlertBodyIcon-sc-1q8npbl-83"
                       fill="currentColor"
                       focusable="false"
                       height={18}
@@ -165451,12 +166365,12 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                     </svg>
                   </div>
                   <div
-                    className="c44"
+                    className="c45"
                   >
                     The west elevators at the Washington Park MAX Station are out of service. Please use east elevators to access street level and platforms. 
                   </div>
                   <div
-                    className="c45"
+                    className="c46"
                   >
                     Effective as of November 3, 2019
                   </div>
@@ -165465,13 +166379,13 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
             </div>
           </div>
           <div
-            className="c46"
+            className="c47"
           >
             <div
-              className="c47"
+              className="c48"
             >
               <button
-                className="c16 c48"
+                className="c16 c49"
                 onClick={[Function]}
               >
                 Ride 
@@ -165503,7 +166417,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                 </span>
               </button>
               <a
-                className="c31 c49"
+                className="c31 c50"
                 onClick={[Function]}
                 type="button"
               >
@@ -165524,21 +166438,21 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
                 style={Object {}}
               >
                 <div
-                  className="c50"
+                  className="c51"
                 >
                   <ol
-                    className="c51"
+                    className="c52"
                   >
                     <li
-                      className="c52"
+                      className="c53"
                     >
                       <div
-                        className="c53"
+                        className="c54"
                       >
                         •
                       </div>
                       <div
-                        className="c54"
+                        className="c55"
                       >
                         Galleria/SW 10th Ave MAX Station
                       </div>
@@ -165565,7 +166479,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -165649,7 +166563,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -165886,7 +166800,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -165915,11 +166829,11 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
           className="c5"
         >
           <div
-            className="c55"
+            className="c56"
           >
             <svg
               aria-hidden="true"
-              className="c22 c56"
+              className="c22 c57"
               fill="currentColor"
               focusable="false"
               height={25}
@@ -165970,7 +166884,7 @@ exports[`Storyshots ItineraryBody/otp-ui Walk Transit Walk Itinerary With Custom
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -168435,7 +169349,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -168738,7 +169652,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -168775,7 +169689,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               51
             </span>
@@ -168820,7 +169734,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -169039,7 +169953,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -169123,7 +170037,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -169226,7 +170140,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -169263,7 +170177,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               40
             </span>
@@ -169308,7 +170222,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -169555,7 +170469,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -169639,7 +170553,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -169843,7 +170757,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -169880,7 +170794,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               E 
             </span>
@@ -169925,7 +170839,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -170298,7 +171212,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -170382,7 +171296,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -170553,7 +171467,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -170637,7 +171551,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Always Collapsing 2`] = `
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -173102,7 +174016,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -173405,7 +174319,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -173442,7 +174356,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               51
             </span>
@@ -173487,7 +174401,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -173706,7 +174620,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -173790,7 +174704,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -173893,7 +174807,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -173930,7 +174844,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               40
             </span>
@@ -173975,7 +174889,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -174222,7 +175136,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -174306,7 +175220,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -174510,7 +175424,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -174547,7 +175461,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               E 
             </span>
@@ -174592,7 +175506,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -174965,7 +175879,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -175049,7 +175963,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -175220,7 +176134,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -175304,7 +176218,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Not Always Collapsing 2`] =
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -177768,7 +178682,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -178071,7 +178985,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -178108,7 +179022,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               51
             </span>
@@ -178153,7 +179067,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -178372,7 +179286,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -178456,7 +179370,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -178559,7 +179473,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -178596,7 +179510,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               40
             </span>
@@ -178641,7 +179555,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -178888,7 +179802,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -178972,7 +179886,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -179176,7 +180090,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -179213,7 +180127,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
           >
             <span
               aria-hidden={true}
-              className="styled__SRHidden-sc-1q8npbl-56"
+              className="styled__SRHidden-sc-1q8npbl-57"
             >
               E 
             </span>
@@ -179258,7 +180172,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -179631,7 +180545,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -179715,7 +180629,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         className="c12"
       >
         <div
-          className="styled__LegClickable-sc-1q8npbl-23"
+          className="styled__LegClickable-sc-1q8npbl-24"
         >
           <span
             className="c13"
@@ -179886,7 +180800,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -179970,7 +180884,7 @@ exports[`Storyshots ItineraryBody/otp-ui Zero Alerts Without Collapsing Prop 2`]
         title="View on map"
       >
         <svg
-          className="styled__MapIcon-sc-1q8npbl-44"
+          className="styled__MapIcon-sc-1q8npbl-45"
           height={15}
           role="img"
           viewBox="0 0 390 390"
@@ -195119,7 +196033,9 @@ exports[`Storyshots PrintableItinerary Bike Transit Bike Itinerary 2`] = `
       <div
         className="c3"
       >
-        <strong />
+        <strong>
+          MAX Blue Line
+        </strong>
          
         <span
           className="c14"
@@ -198300,7 +199216,9 @@ exports[`Storyshots PrintableItinerary Classic Icons And Park And Ride Itinerary
       <div
         className="c3"
       >
-        <strong />
+        <strong>
+          MAX Blue Line
+        </strong>
          
         <span
           className="c14"
@@ -206590,7 +207508,9 @@ exports[`Storyshots PrintableItinerary Park And Ride Itinerary 2`] = `
       <div
         className="c3"
       >
-        <strong />
+        <strong>
+          MAX Blue Line
+        </strong>
          
         <span
           className="c14"
@@ -207416,7 +208336,9 @@ exports[`Storyshots PrintableItinerary Styled Walk Transit Walk Itinerary 2`] =
       <div
         className="c5"
       >
-        <strong />
+        <strong>
+          MAX Blue Line
+        </strong>
          
         <span
           className="c16"
@@ -208230,11 +209152,15 @@ exports[`Storyshots PrintableItinerary Tnc Transit Itinerary 2`] = `
       <div
         className="c3"
       >
-        <strong />
+        <strong>
+          20
+        </strong>
          
         <span
           className="c10"
-        />
+        >
+          Burnside/Stark
+        </span>
       </div>
       <div
         className="c6"
@@ -214740,7 +215666,9 @@ exports[`Storyshots PrintableItinerary Walk Transit Walk Itinerary 2`] = `
       <div
         className="c3"
       >
-        <strong />
+        <strong>
+          MAX Blue Line
+        </strong>
          
         <span
           className="c14"
@@ -232195,7 +233123,7 @@ exports[`Storyshots TransitiveOverlay Bike Transit Bike Itinerary 1`] = `
                       "route_color": "084C8D",
                       "route_id": "TriMet:100",
                       "route_long_name": "MAX Blue Line",
-                      "route_short_name": "",
+                      "route_short_name": "MAX Blue Line",
                       "route_text_color": "FFFFFF",
                       "route_type": 0,
                     },
@@ -232690,7 +233618,7 @@ exports[`Storyshots TransitiveOverlay Flex Itinerary 1`] = `
                       "route_color": undefined,
                       "route_id": "60plusride-co-us:32995",
                       "route_long_name": "60+ Ride",
-                      "route_short_name": "",
+                      "route_short_name": "60+ Ride",
                       "route_text_color": undefined,
                       "route_type": 3,
                     },
@@ -233049,7 +233977,7 @@ exports[`Storyshots TransitiveOverlay Park And Ride Itinerary 1`] = `
                       "route_color": "084C8D",
                       "route_id": "TriMet:100",
                       "route_long_name": "MAX Blue Line",
-                      "route_short_name": "",
+                      "route_short_name": "MAX Blue Line",
                       "route_text_color": "FFFFFF",
                       "route_type": 0,
                     },
@@ -233360,8 +234288,8 @@ exports[`Storyshots TransitiveOverlay Tnc Transit Itinerary 1`] = `
                       "agency_id": undefined,
                       "route_color": undefined,
                       "route_id": undefined,
-                      "route_long_name": "",
-                      "route_short_name": "",
+                      "route_long_name": "Burnside/Stark",
+                      "route_short_name": "20",
                       "route_text_color": undefined,
                       "route_type": undefined,
                     },
@@ -234578,7 +235506,7 @@ exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary 1`] = `
                       "route_color": "084C8D",
                       "route_id": "TriMet:100",
                       "route_long_name": "MAX Blue Line",
-                      "route_short_name": "",
+                      "route_short_name": "MAX Blue Line",
                       "route_text_color": "FFFFFF",
                       "route_type": 0,
                     },
@@ -234797,7 +235725,7 @@ exports[`Storyshots TransitiveOverlay Walk Transit Walk Itinerary With No Interm
                       "route_color": "008852",
                       "route_id": "TriMet:200",
                       "route_long_name": "MAX Green Line",
-                      "route_short_name": "",
+                      "route_short_name": "MAX Green Line",
                       "route_text_color": "FFFFFF",
                       "route_type": 0,
                     },
@@ -239655,6 +240583,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",
@@ -239793,6 +240722,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
             "url": "https://kingcounty.gov/en/dept/metro",
           },
           "agencyBrandingUrl": "https://kingcounty.gov/en/dept/metro",
+          "agencyId": "QWdlbmN5OmtjbTox",
           "agencyName": "Metro Transit",
           "agencyUrl": "https://kingcounty.gov/en/dept/metro",
           "alightRule": "scheduled",
@@ -240314,6 +241244,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",
@@ -240406,6 +241337,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
             "url": "https://www.soundtransit.org",
           },
           "agencyBrandingUrl": "https://www.soundtransit.org",
+          "agencyId": "QWdlbmN5OjQwOjQw",
           "agencyName": "Sound Transit",
           "agencyUrl": "https://www.soundtransit.org",
           "alightRule": "scheduled",
@@ -240809,6 +241741,7 @@ exports[`Storyshots TripDetails Fare Leg Table Story Leg Products 1`] = `
           "accessibilityScore": null,
           "agency": null,
           "agencyBrandingUrl": undefined,
+          "agencyId": undefined,
           "agencyName": undefined,
           "agencyUrl": undefined,
           "alightRule": "scheduled",
@@ -243061,7 +243994,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    347
+                  </td>
                   <td
                     title={false}
                   >
@@ -243081,7 +244016,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    1-Line
+                  </td>
                   <td
                     title={false}
                   >
@@ -243165,7 +244102,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    347
+                  </td>
                   <td
                     title={false}
                   >
@@ -243180,7 +244119,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    1-Line
+                  </td>
                   <td
                     title={false}
                   >
@@ -243229,7 +244170,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    347
+                  </td>
                   <td
                     title={false}
                   >
@@ -243244,7 +244187,9 @@ exports[`Storyshots TripDetails Leg Fare Products Itinerary 2`] = `
                 <tr>
                   <td
                     className="no-zebra"
-                  />
+                  >
+                    1-Line
+                  </td>
                   <td
                     title={false}
                   >
diff --git a/packages/base-map/package.json b/packages/base-map/package.json
index b3438788c..b131afb79 100644
--- a/packages/base-map/package.json
+++ b/packages/base-map/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/base-map",
-  "version": "3.0.14",
+  "version": "3.0.15",
   "description": "Base Map Component",
   "author": "@binh-dam-ibigroup",
   "homepage": "https://github.com/opentripplanner/otp-ui/#readme",
@@ -14,7 +14,7 @@
     "react-map-gl": "^7.0.15"
   },
   "peerDependencies": {
-    "@opentripplanner/types": "^6.0.0",
+    "@opentripplanner/types": "^6.1.0",
     "react": "^16.14.0",
     "styled-components": "^5.3.0"
   },
diff --git a/packages/core-utils/package.json b/packages/core-utils/package.json
index f2f01892a..57f9045c6 100644
--- a/packages/core-utils/package.json
+++ b/packages/core-utils/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/core-utils",
-  "version": "11.0.3",
+  "version": "11.0.6",
   "description": "Core functionality that is shared among numerous UI components",
   "engines": {
     "node": ">=13"
@@ -14,10 +14,9 @@
   "dependencies": {
     "@conveyal/lonlat": "^1.4.1",
     "@mapbox/polyline": "^1.1.0",
-    "@opentripplanner/geocoder": "^1.4.1",
+    "@opentripplanner/geocoder": "^1.4.2",
     "@styled-icons/foundation": "^10.34.0",
     "@turf/along": "^6.0.1",
-    "bowser": "^2.7.0",
     "chroma-js": "^2.4.2",
     "date-fns": "^2.28.0",
     "date-fns-tz": "^1.2.2",
diff --git a/packages/core-utils/src/ui.ts b/packages/core-utils/src/ui.ts
index aeb77d027..a9f1f4dd5 100644
--- a/packages/core-utils/src/ui.ts
+++ b/packages/core-utils/src/ui.ts
@@ -1,19 +1,9 @@
-import bowser from "bowser";
-
 export function isMobile(): boolean {
   // TODO: consider using 3rd-party library?
   return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(
     navigator.userAgent
   );
 }
-
-/**
- * Returns true if the user is using a [redacted] browser
- */
-export function isIE(): boolean {
-  return bowser.parse(navigator.userAgent).browser === "Internet Explorer";
-}
-
 /**
  * Enables scrolling for a specified selector, while disabling scrolling for all
  * other targets. This is adapted from https://stackoverflow.com/a/41601290/915811
diff --git a/packages/endpoints-overlay/package.json b/packages/endpoints-overlay/package.json
index 5d433c123..46fbf4fbc 100644
--- a/packages/endpoints-overlay/package.json
+++ b/packages/endpoints-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/endpoints-overlay",
-  "version": "2.0.8",
+  "version": "2.0.9",
   "description": "A map overlay to show the from and to locations of an itinerary",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@opentripplanner/base-map": "^3.0.14",
     "@opentripplanner/location-icon": "^1.4.1",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "flat": "^5.0.2",
     "@styled-icons/fa-solid": "^10.34.0"
   },
@@ -29,7 +29,7 @@
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
-    "@opentripplanner/types": "^6.0.0",
+    "@opentripplanner/types": "^6.1.0",
     "react": "^16.14.0",
     "react-dom": "^16.8.6",
     "react-intl": "^5.24.6",
diff --git a/packages/from-to-location-picker/package.json b/packages/from-to-location-picker/package.json
index 6b9b55eab..e447d0412 100644
--- a/packages/from-to-location-picker/package.json
+++ b/packages/from-to-location-picker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/from-to-location-picker",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "Location Picker Component",
   "author": "@binh-dam-ibigroup",
   "homepage": "https://github.com/opentripplanner/otp-ui/#readme",
@@ -13,7 +13,7 @@
     "flat": "^5.0.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 9ce232c67..cb9683400 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/icons",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "Icons for otp-ui",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -10,7 +10,7 @@
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "prop-types": "^15.7.2"
   },
   "peerDependencies": {
diff --git a/packages/icons/src/trimet-leg-icon.js b/packages/icons/src/trimet-leg-icon.js
index d9dfcf230..a0b8bb765 100644
--- a/packages/icons/src/trimet-leg-icon.js
+++ b/packages/icons/src/trimet-leg-icon.js
@@ -1,12 +1,14 @@
 import React from "react";
 
+import { getLegRouteLongName } from "@opentripplanner/core-utils/lib/itinerary";
 import LegIcon from "./leg-icon";
 import TriMetModeIcon from "./trimet-mode-icon";
 import BiketownIcon from "./companies/biketown-icon";
 
 const TriMetLegIcon = ({ leg, ...props }) => {
   // Custom TriMet icon logic.
-  if (leg.routeLongName && leg.routeLongName.startsWith("Portland Streetcar")) {
+  const routeLongName = getLegRouteLongName(leg);
+  if (routeLongName && routeLongName.startsWith("Portland Streetcar")) {
     return <TriMetModeIcon mode="STREETCAR" {...props} />;
   }
   if (leg.rentedBike) {
diff --git a/packages/itinerary-body/package.json b/packages/itinerary-body/package.json
index 6f5d08df4..917723c7f 100644
--- a/packages/itinerary-body/package.json
+++ b/packages/itinerary-body/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/itinerary-body",
-  "version": "5.0.6",
+  "version": "5.0.9",
   "description": "A component for displaying an itinerary body of a trip planning result",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -10,9 +10,9 @@
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/humanize-distance": "^1.2.0",
-    "@opentripplanner/icons": "^2.0.4",
+    "@opentripplanner/icons": "^2.0.5",
     "@opentripplanner/location-icon": "^1.4.1",
     "@styled-icons/fa-solid": "^10.34.0",
     "@styled-icons/foundation": "^10.34.0",
@@ -24,7 +24,7 @@
     "string-similarity": "^4.0.4"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^7.0.0-alpha.6",
+    "@opentripplanner/types": "^6.1.0",
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/itinerary-body/src/AccessLegBody/index.tsx b/packages/itinerary-body/src/AccessLegBody/index.tsx
index fdfd3f2ab..257137385 100644
--- a/packages/itinerary-body/src/AccessLegBody/index.tsx
+++ b/packages/itinerary-body/src/AccessLegBody/index.tsx
@@ -72,8 +72,8 @@ class AccessLegBody extends Component<Props, State> {
       mapillaryKey,
       setLegDiagram,
       showElevationProfile,
-      TransitLegSubheader,
-      showLegIcon
+      showLegIcon,
+      TransitLegSubheader
     } = this.props;
     const { expanded } = this.state;
 
diff --git a/packages/itinerary-body/src/ItineraryBody/index.tsx b/packages/itinerary-body/src/ItineraryBody/index.tsx
index f6362f431..8bc960db7 100755
--- a/packages/itinerary-body/src/ItineraryBody/index.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/index.tsx
@@ -28,6 +28,7 @@ const ItineraryBody = ({
   mapillaryKey,
   PlaceName,
   RouteDescription,
+  RouteDescriptionFooter,
   routingType = "ITINERARY",
   setActiveLeg,
   setLegDiagram,
@@ -76,6 +77,7 @@ const ItineraryBody = ({
           mapillaryKey={mapillaryKey}
           PlaceName={PlaceName}
           RouteDescription={RouteDescription}
+          RouteDescriptionFooter={RouteDescriptionFooter}
           routingType={routingType}
           setActiveLeg={setActiveLeg}
           setLegDiagram={setLegDiagram}
diff --git a/packages/itinerary-body/src/ItineraryBody/place-row.tsx b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
index 0d6d38bd4..73d6168b0 100755
--- a/packages/itinerary-body/src/ItineraryBody/place-row.tsx
+++ b/packages/itinerary-body/src/ItineraryBody/place-row.tsx
@@ -35,6 +35,7 @@ export default function PlaceRow({
   mapillaryKey,
   PlaceName,
   RouteDescription,
+  RouteDescriptionFooter,
   setActiveLeg,
   setLegDiagram,
   setViewedTrip,
@@ -141,6 +142,7 @@ export default function PlaceRow({
               LegIcon={LegIcon}
               legIndex={legIndex}
               RouteDescription={RouteDescription}
+              RouteDescriptionFooter={RouteDescriptionFooter}
               setActiveLeg={setActiveLeg}
               setViewedTrip={setViewedTrip}
               showAgencyInfo={showAgencyInfo}
diff --git a/packages/itinerary-body/src/TransitLegBody/index.tsx b/packages/itinerary-body/src/TransitLegBody/index.tsx
index ca248ec64..f643b31ac 100644
--- a/packages/itinerary-body/src/TransitLegBody/index.tsx
+++ b/packages/itinerary-body/src/TransitLegBody/index.tsx
@@ -20,6 +20,7 @@ import { Duration } from "../defaults";
 import * as S from "../styled";
 import {
   RouteDescriptionProps,
+  RouteDescriptionFooterProps,
   SetActiveLegFunction,
   SetViewedTripFunction,
   TransitLegSubheaderProps,
@@ -42,6 +43,7 @@ interface Props {
   LegIcon: LegIconComponent;
   legIndex: number;
   RouteDescription: FunctionComponent<RouteDescriptionProps>;
+  RouteDescriptionFooter: FunctionComponent<RouteDescriptionFooterProps>;
   setActiveLeg: SetActiveLegFunction;
   setViewedTrip: SetViewedTripFunction;
   showAgencyInfo: boolean;
@@ -135,6 +137,7 @@ class TransitLegBody extends Component<Props, State> {
       legDestination,
       LegIcon,
       RouteDescription,
+      RouteDescriptionFooter,
       setViewedTrip,
       showAgencyInfo,
       showViewTripButton,
@@ -228,6 +231,7 @@ class TransitLegBody extends Component<Props, State> {
               </S.LegClickableButton>
             </S.LegDescription>
           </S.LegClickable>
+          {RouteDescriptionFooter && <RouteDescriptionFooter leg={leg} />}
           <div
             // Creates a group of leg details for screenreaders after the initial leg description.
             aria-label={intl.formatMessage({
diff --git a/packages/itinerary-body/src/defaults/line-column-content.tsx b/packages/itinerary-body/src/defaults/line-column-content.tsx
index 083d2b426..aec070179 100644
--- a/packages/itinerary-body/src/defaults/line-column-content.tsx
+++ b/packages/itinerary-body/src/defaults/line-column-content.tsx
@@ -1,3 +1,7 @@
+import {
+  getLegRouteLongName,
+  getLegRouteShortName
+} from "@opentripplanner/core-utils/lib/itinerary";
 import LocationIcon from "@opentripplanner/location-icon";
 import React, { ReactElement } from "react";
 import { IntlShape, useIntl } from "react-intl";
@@ -52,7 +56,7 @@ export default function LineColumnContent({
   LegIcon,
   toRouteAbbreviation
 }: LineColumnContentProps): ReactElement {
-  const { mode, route, routeColor, routeLongName, transitLeg } = leg;
+  const { mode, routeColor, transitLeg } = leg;
   const intl = useIntl();
   const travelByMessage = intl.formatMessage(
     {
@@ -65,7 +69,7 @@ export default function LineColumnContent({
     }
   );
 
-  const routeShortName = typeof route === "string" ? route : route?.shortName;
+  const routeShortName = getLegRouteShortName(leg);
 
   return (
     <S.LegLine>
@@ -78,7 +82,7 @@ export default function LineColumnContent({
               parseInt(routeShortName, 10) || routeShortName
             )}
             color={routeColor}
-            name={routeLongName || ""}
+            name={getLegRouteLongName(leg) || ""}
           />
         )}
         {!interline && !isDestination && !transitLeg && (
diff --git a/packages/itinerary-body/src/defaults/route-description.tsx b/packages/itinerary-body/src/defaults/route-description.tsx
index 530b1a24b..cccfe2c79 100644
--- a/packages/itinerary-body/src/defaults/route-description.tsx
+++ b/packages/itinerary-body/src/defaults/route-description.tsx
@@ -1,3 +1,4 @@
+import { getLegRouteShortName } from "@opentripplanner/core-utils/lib/itinerary";
 import React, { ReactElement } from "react";
 
 import * as S from "../styled";
@@ -8,7 +9,7 @@ import RouteLongName from "./route-long-name";
 export default function RouteDescription({
   leg
 }: RouteDescriptionProps): ReactElement {
-  const { routeShortName } = leg;
+  const routeShortName = getLegRouteShortName(leg);
   return (
     <S.LegDescriptionForTransit>
       {routeShortName && (
diff --git a/packages/itinerary-body/src/defaults/route-long-name.tsx b/packages/itinerary-body/src/defaults/route-long-name.tsx
index 7a5cc36f2..89718becd 100644
--- a/packages/itinerary-body/src/defaults/route-long-name.tsx
+++ b/packages/itinerary-body/src/defaults/route-long-name.tsx
@@ -1,3 +1,4 @@
+import { getLegRouteLongName } from "@opentripplanner/core-utils/lib/itinerary";
 import { Leg } from "@opentripplanner/types";
 import React, { HTMLAttributes, ReactElement } from "react";
 import { FormattedMessage } from "react-intl";
@@ -24,7 +25,9 @@ export default function RouteLongName({
   leg,
   style
 }: Props): ReactElement {
-  const { headsign, routeLongName } = leg;
+  const { headsign: otp1Headsign, trip } = leg;
+  const headsign = trip?.tripHeadsign || otp1Headsign;
+  const routeLongName = getLegRouteLongName(leg);
   // Hide route long name if it contains similar information to the headsign
   const hideRouteLongName =
     compareTwoStrings(headsign || "", routeLongName || "") > 0.25 ||
diff --git a/packages/itinerary-body/src/otp-react-redux/route-description.tsx b/packages/itinerary-body/src/otp-react-redux/route-description.tsx
index 23aae2385..55bb64024 100644
--- a/packages/itinerary-body/src/otp-react-redux/route-description.tsx
+++ b/packages/itinerary-body/src/otp-react-redux/route-description.tsx
@@ -1,3 +1,4 @@
+import { getLegRouteShortName } from "@opentripplanner/core-utils/lib/itinerary";
 import React, { ReactElement } from "react";
 
 import RouteLongName from "../defaults/route-long-name";
@@ -8,7 +9,7 @@ export default function RouteDescription({
   leg,
   LegIcon
 }: RouteDescriptionProps): ReactElement {
-  const { routeShortName } = leg;
+  const routeShortName = getLegRouteShortName(leg);
   return (
     <S.LegDescriptionForTransit>
       <S.LegIconAndRouteShortName>
diff --git a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
index 020e731e1..913d32538 100644
--- a/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpRrItineraryBody.story.tsx
@@ -1,5 +1,6 @@
+import { convertGraphQLResponseToLegacy } from "@opentripplanner/core-utils/lib/itinerary";
 import { FareProductSelector, Itinerary } from "@opentripplanner/types";
-import React, { ReactElement } from "react";
+import React, { FunctionComponent, ReactElement } from "react";
 
 import ItineraryBody from "..";
 import {
@@ -33,6 +34,13 @@ const walkTransitWalkTransitWalkA11yItinerary = require("../__mocks__/itinerarie
 const otp2ScooterItinerary = require("../__mocks__/itineraries/otp2-scooter.json");
 const flexItinerary = require("../__mocks__/itineraries/flex-itinerary.json");
 
+function withLegacyLegs(itinerary) {
+  return {
+    ...itinerary,
+    legs: itinerary.legs.map(convertGraphQLResponseToLegacy)
+  };
+}
+
 if (!isRunningJest()) {
   // Generate same-day/next day alerts at a fixed time for the walk-transit-walk itinerary
   // for illustration outside of the CI environment.
@@ -136,7 +144,9 @@ export const EScooterRentalTransitItinerary = (): ReactElement => (
 );
 
 export const TncTransitItinerary = (): ReactElement => (
-  <OtpRRItineraryBodyWrapper itinerary={tncTransitTncItinerary} />
+  <OtpRRItineraryBodyWrapper
+    itinerary={withLegacyLegs(tncTransitTncItinerary)}
+  />
 );
 
 export const OTP2ScooterItinerary = (): ReactElement => (
@@ -153,7 +163,7 @@ export const IndividualLegFareComponents = (): ReactElement => (
       mediumId: "orca:cash",
       riderCategoryId: "orca:regular"
     }}
-    itinerary={fareProductsItinerary}
+    itinerary={withLegacyLegs(fareProductsItinerary)}
   />
 );
 
diff --git a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
index a4eaba97c..29b0a15b1 100644
--- a/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
+++ b/packages/itinerary-body/src/stories/OtpUiItineraryBody.story.tsx
@@ -2,6 +2,7 @@ import React, { ReactElement } from "react";
 import { Bomb } from "@styled-icons/fa-solid/Bomb";
 import { Bolt } from "@styled-icons/fa-solid/Bolt";
 import styled from "styled-components";
+import RouteDescriptionFooterWithWaitTimes from "./footer-with-wait-times";
 
 import ItineraryBody from "..";
 import {
@@ -47,12 +48,16 @@ export const BikeOnlyItinerary = (): ReactElement => (
 );
 
 export const WalkTransitWalkItinerary = (): ReactElement => (
-  <ItineraryBodyDefaultsWrapper itinerary={walkTransitWalkItinerary} />
+  <ItineraryBodyDefaultsWrapper
+    itinerary={walkTransitWalkItinerary}
+    RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes}
+  />
 );
 
 export const WalkTransitTransferWithA11yItinerary = (): ReactElement => (
   <ItineraryBodyDefaultsWrapper
     itinerary={walkTransitWalkTransitWalkA11yItinerary}
+    RouteDescriptionFooter={RouteDescriptionFooterWithWaitTimes}
   />
 );
 
@@ -147,7 +152,10 @@ export const OTP2FlexItinerary = (): ReactElement => (
 );
 
 export const IndividualLegFareComponents = (): ReactElement => (
-  <ItineraryBodyDefaultsWrapper itinerary={fareProductsItinerary} />
+  <ItineraryBodyDefaultsWrapper
+    itinerary={fareProductsItinerary}
+    showRouteFares
+  />
 );
 
 export const CustomAlertIconsItinerary = (): ReactElement => (
diff --git a/packages/itinerary-body/src/stories/footer-with-wait-times.tsx b/packages/itinerary-body/src/stories/footer-with-wait-times.tsx
new file mode 100644
index 000000000..405c349a6
--- /dev/null
+++ b/packages/itinerary-body/src/stories/footer-with-wait-times.tsx
@@ -0,0 +1,28 @@
+import React, { ReactElement } from "react";
+import { differenceInMinutes } from "date-fns";
+import { Leg } from "@opentripplanner/types";
+
+import { RouteDescriptionFooterProps } from "../types";
+import { DefaultRouteDescriptionFooter } from "./route-description-footer";
+
+/**
+ * This method returns a RouteDescriptionFooter element with falsy wait-times
+ * generated from legs' to and from arrival-times. It is only meant for
+ * illustrative purposes.
+ */
+const RouteDescriptionFooterWithWaitTimes = ({
+  leg
+}: {
+  leg: Leg;
+}): ReactElement => {
+  const toTime = leg.to.arrival || 0;
+  const fromTime = leg.from.arrival || 0;
+  const waitMinutes = differenceInMinutes(new Date(toTime), new Date(fromTime));
+  const TypedRouteDescriptionFooter = DefaultRouteDescriptionFooter as React.FC<
+    RouteDescriptionFooterProps
+  >;
+
+  return <TypedRouteDescriptionFooter leg={leg} waitMinutes={waitMinutes} />;
+};
+
+export default RouteDescriptionFooterWithWaitTimes;
diff --git a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
index 92aabdbac..341bd7cb0 100644
--- a/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
+++ b/packages/itinerary-body/src/stories/itinerary-body-defaults-wrapper.tsx
@@ -9,6 +9,7 @@ import ItineraryBody from "..";
 import DefaultLineColumnContent from "../defaults/line-column-content";
 import DefaultPlaceName from "../defaults/place-name";
 import DefaultRouteDescription from "../defaults/route-description";
+import { DefaultRouteDescriptionFooter } from "./route-description-footer";
 import DefaultTransitLegSummary from "../defaults/transit-leg-summary";
 import { StyledItineraryBody } from "../demos";
 import OtpRRStyledItineraryBody from "../otp-react-redux/itinerary-body";
@@ -48,6 +49,7 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
       LineColumnContent,
       PlaceName,
       RouteDescription,
+      RouteDescriptionFooter = undefined,
       showAgencyInfo,
       showLegIcon,
       showMapButtonColumn = true,
@@ -87,6 +89,9 @@ export default class ItineraryBodyDefaultsWrapper extends Component<
         mapillaryKey="fake key, but ok because the api response is also fake"
         PlaceName={PlaceName || DefaultPlaceName}
         RouteDescription={RouteDescription || DefaultRouteDescription}
+        RouteDescriptionFooter={
+          RouteDescriptionFooter || DefaultRouteDescriptionFooter
+        }
         routingType="ITINERARY"
         setActiveLeg={action("setActiveLeg")}
         setLegDiagram={this.setLegDiagram}
diff --git a/packages/itinerary-body/src/stories/route-description-footer.tsx b/packages/itinerary-body/src/stories/route-description-footer.tsx
new file mode 100644
index 000000000..60bce0cb0
--- /dev/null
+++ b/packages/itinerary-body/src/stories/route-description-footer.tsx
@@ -0,0 +1,15 @@
+/* eslint-disable import/prefer-default-export */
+import React, { ReactElement } from "react";
+import * as S from "../styled";
+import { RouteDescriptionFooterProps } from "../types";
+
+export function DefaultRouteDescriptionFooter({
+  onClick = null,
+  waitMinutes
+}: RouteDescriptionFooterProps): ReactElement {
+  return waitMinutes > 0 ? (
+    <S.ArrivalTimeContainer onClick={onClick}>
+      Arrives in {waitMinutes} minutes
+    </S.ArrivalTimeContainer>
+  ) : null;
+}
diff --git a/packages/itinerary-body/src/styled.tsx b/packages/itinerary-body/src/styled.tsx
index 6df3196de..876f263b3 100755
--- a/packages/itinerary-body/src/styled.tsx
+++ b/packages/itinerary-body/src/styled.tsx
@@ -131,6 +131,22 @@ export const AccessBadge = styled.div<ModeRouteProps>`
   /* Add in border for dark mode */
 `;
 
+export const ArrivalTimeContainer = styled.button`
+  align-items: center;
+  background: none;
+  border: none;
+  color: #007899;
+  cursor: pointer;
+  display: flex;
+  font-size: 0.9em;
+  font-family: inherit;
+  margin: 0;
+  margin-top: 5px;
+  outline: inherit;
+  padding: 0;
+  text-align: inherit;
+`;
+
 export const CallAheadWarning = styled.div`
   color: #b22727;
   margin-top: 5px;
diff --git a/packages/itinerary-body/src/types.ts b/packages/itinerary-body/src/types.ts
index 1eaa6b833..934a6829a 100644
--- a/packages/itinerary-body/src/types.ts
+++ b/packages/itinerary-body/src/types.ts
@@ -21,6 +21,15 @@ export interface RouteDescriptionProps {
   transitOperator: TransitOperator;
 }
 
+export interface RouteDescriptionFooterProps {
+  /* Contains details about the leg object */
+  leg?: Leg;
+  /** Method for navigating to arrival vehicle if available */
+  onClick?: () => void;
+  /** Number of minutes for the arrival time */
+  waitMinutes?: number;
+}
+
 export type ToRouteAbbreviationFunction = (route: string | number) => string;
 
 export interface LegDestination {
@@ -174,6 +183,11 @@ interface ItineraryBodySharedProps {
    * - transitOperator: the transit operator associated with the route if available
    */
   RouteDescription: FunctionComponent<RouteDescriptionProps>;
+  /**
+   * A component to render the footer and contained elements
+   * therein
+   */
+  RouteDescriptionFooter: FunctionComponent<RouteDescriptionFooterProps>;
   /** TODO: Routing Type is usually 'ITINERARY' but we should get more details on what this does */
   routingType?: string;
   /**
diff --git a/packages/itinerary-body/src/util.ts b/packages/itinerary-body/src/util.ts
index c5d99ef24..7692873da 100644
--- a/packages/itinerary-body/src/util.ts
+++ b/packages/itinerary-body/src/util.ts
@@ -152,7 +152,10 @@ export function getPlaceName(
   // Other times, it can be a name with relevant information for the user.
   // Here we detect if the name is just a UUID and generate a better name.
   // It is also possible to configure station name overrides in the config using overridePlaceNames.
-  const company = getCompanyForNetwork(place.networks?.[0], companies);
+  const company = getCompanyForNetwork(
+    place.networks?.[0] || place?.rentalVehicle?.network,
+    companies
+  );
   if (
     (place.name.match(/-/g) || []).length > 3 ||
     company?.overridePlaceNames
diff --git a/packages/location-field/package.json b/packages/location-field/package.json
index 598d7cad8..48c25b176 100644
--- a/packages/location-field/package.json
+++ b/packages/location-field/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/location-field",
-  "version": "2.0.8",
+  "version": "2.0.10",
   "description": "A component for display and finding a location",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -10,7 +10,7 @@
   "private": false,
   "dependencies": {
     "@conveyal/geocoder-arcgis-geojson": "^0.0.3",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/geocoder": "^1.4.2",
     "@opentripplanner/humanize-distance": "^1.2.0",
     "@opentripplanner/location-icon": "^1.4.1",
diff --git a/packages/location-field/src/options.tsx b/packages/location-field/src/options.tsx
index 5f41326cb..b8588c235 100644
--- a/packages/location-field/src/options.tsx
+++ b/packages/location-field/src/options.tsx
@@ -1,4 +1,3 @@
-import coreUtils from "@opentripplanner/core-utils";
 import { humanizeDistanceStringImperial } from "@opentripplanner/humanize-distance";
 import { Stop, UserLocation } from "@opentripplanner/types";
 import React from "react";
@@ -90,29 +89,18 @@ export function Option({
 }): React.ReactElement {
   return (
     <MenuItem active={isActive} disabled={disabled} id={id} onClick={onClick}>
-      {coreUtils.ui.isIE() ? (
-        // In internet explorer 11, some really weird stuff is happening where it
-        // is not possible to click the text of the title, but if you click just
-        // above it, then it works. So, if using IE 11, just return the title text
-        // and avoid all the extra fancy stuff.
-        // See https://github.com/ibi-group/trimet-mod-otp/issues/237
-        title
-      ) : (
-        <S.OptionContainer className={classes}>
-          <S.OptionIconContainer style={{ color }}>
-            {icon}
-          </S.OptionIconContainer>
-          <S.OptionContent>
-            {title}
-            {subTitle && (
-              <S.OptionSubTitle>
-                <S.HiddenContent>, </S.HiddenContent>
-                {subTitle}
-              </S.OptionSubTitle>
-            )}
-          </S.OptionContent>
-        </S.OptionContainer>
-      )}
+      <S.OptionContainer className={classes}>
+        <S.OptionIconContainer style={{ color }}>{icon}</S.OptionIconContainer>
+        <S.OptionContent>
+          {title}
+          {subTitle && (
+            <S.OptionSubTitle>
+              <S.HiddenContent>, </S.HiddenContent>
+              {subTitle}
+            </S.OptionSubTitle>
+          )}
+        </S.OptionContent>
+      </S.OptionContainer>
     </MenuItem>
   );
 }
diff --git a/packages/map-popup/package.json b/packages/map-popup/package.json
index 2c4c30a93..50d96f410 100644
--- a/packages/map-popup/package.json
+++ b/packages/map-popup/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/map-popup",
-  "version": "2.0.5",
+  "version": "2.0.6",
   "description": "A component for displaying map popup contents",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -12,12 +12,12 @@
   "private": false,
   "dependencies": {
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/from-to-location-picker": "^2.1.8",
     "flat": "^5.0.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/otp2-tile-overlay/package.json b/packages/otp2-tile-overlay/package.json
index c6b82b2ed..b4ca7e04a 100644
--- a/packages/otp2-tile-overlay/package.json
+++ b/packages/otp2-tile-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/otp2-tile-overlay",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "Render data from OTP2's vector tile server",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -20,6 +20,6 @@
   },
   "devDependencies": {
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   }
 }
diff --git a/packages/printable-itinerary/package.json b/packages/printable-itinerary/package.json
index f91133d5c..653ecf688 100644
--- a/packages/printable-itinerary/package.json
+++ b/packages/printable-itinerary/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/printable-itinerary",
-  "version": "2.0.12",
+  "version": "2.0.14",
   "description": "A component for displaying a printable itinerary body of a trip planning result",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -10,11 +10,11 @@
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^9.0.2",
-    "@opentripplanner/itinerary-body": "^5.0.2"
+    "@opentripplanner/core-utils": "^11.0.2",
+    "@opentripplanner/itinerary-body": "^5.0.7"
   },
   "devDependencies": {
-    "@opentripplanner/icons": "^2.0.4"
+    "@opentripplanner/icons": "^2.0.5"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/printable-itinerary/src/transit-leg.tsx b/packages/printable-itinerary/src/transit-leg.tsx
index 2fbec9b5c..badac28d8 100644
--- a/packages/printable-itinerary/src/transit-leg.tsx
+++ b/packages/printable-itinerary/src/transit-leg.tsx
@@ -1,4 +1,7 @@
-import coreUtils from "@opentripplanner/core-utils";
+import {
+  getDisplayedStopId,
+  getLegRouteShortName
+} from "@opentripplanner/core-utils/lib/itinerary";
 import { Defaults } from "@opentripplanner/itinerary-body";
 import { GradationMap, Leg, LegIconComponent } from "@opentripplanner/types";
 import React, { ReactElement } from "react";
@@ -8,8 +11,6 @@ import AccessibilityAnnotation from "./accessibility-annotation";
 import * as S from "./styled";
 import { defaultMessages, strongText } from "./util";
 
-const { getDisplayedStopId } = coreUtils.itinerary;
-
 interface Props {
   accessibilityScoreGradationMap?: GradationMap;
   interlineFollows?: boolean;
@@ -28,7 +29,7 @@ export default function TransitLeg({
 
   const routeDescription = (
     <>
-      <strong>{leg.routeShortName}</strong> <S.RouteLongName leg={leg} />
+      <strong>{getLegRouteShortName(leg)}</strong> <S.RouteLongName leg={leg} />
     </>
   );
 
diff --git a/packages/route-viewer-overlay/package.json b/packages/route-viewer-overlay/package.json
index c1c0a92a6..67c5d5c15 100644
--- a/packages/route-viewer-overlay/package.json
+++ b/packages/route-viewer-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/route-viewer-overlay",
-  "version": "2.0.13",
+  "version": "2.0.14",
   "description": "A map overlay to show a transit route",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -21,11 +21,11 @@
   "dependencies": {
     "@mapbox/polyline": "^1.1.0",
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "point-in-polygon": "^1.1.0"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0",
+    "@opentripplanner/types": "^6.1.0",
     "point-in-polygon": "^1.1.0"
   },
   "peerDependencies": {
diff --git a/packages/stop-viewer-overlay/package.json b/packages/stop-viewer-overlay/package.json
index 4458cfb2c..9e1568913 100644
--- a/packages/stop-viewer-overlay/package.json
+++ b/packages/stop-viewer-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/stop-viewer-overlay",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "A map overlay to show a stop",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -20,10 +20,10 @@
   },
   "dependencies": {
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2"
+    "@opentripplanner/core-utils": "^11.0.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/stops-overlay/package.json b/packages/stops-overlay/package.json
index f0ad21f77..8721a8beb 100644
--- a/packages/stops-overlay/package.json
+++ b/packages/stops-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/stops-overlay",
-  "version": "5.1.1",
+  "version": "5.1.2",
   "description": "A map overlay to show transit stops",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -25,7 +25,7 @@
     "flat": "^5.0.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0",
+    "@opentripplanner/types": "^6.1.0",
     "styled-icons": "^10.34.0"
   },
   "peerDependencies": {
diff --git a/packages/transit-vehicle-overlay/package.json b/packages/transit-vehicle-overlay/package.json
index 587608dfc..0d2ea5268 100644
--- a/packages/transit-vehicle-overlay/package.json
+++ b/packages/transit-vehicle-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/transit-vehicle-overlay",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "description": "Realtime Transit Vehicles Component",
   "author": "Frank Purcell",
   "homepage": "https://github.com/opentripplanner/otp-ui/tree/master/packages/transit-vehicle-overlay/#readme",
@@ -10,12 +10,12 @@
   "private": false,
   "dependencies": {
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2",
-    "@opentripplanner/icons": "^2.0.4",
+    "@opentripplanner/core-utils": "^11.0.2",
+    "@opentripplanner/icons": "^2.0.5",
     "flat": "^5.0.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/transitive-overlay/package.json b/packages/transitive-overlay/package.json
index 9f0076298..919c5e29a 100644
--- a/packages/transitive-overlay/package.json
+++ b/packages/transitive-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/transitive-overlay",
-  "version": "3.0.14",
+  "version": "3.0.16",
   "description": "A map overlay to show an itinerary based on transitive.js",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@mapbox/polyline": "^1.1.1",
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/itinerary-body": "^5.0.2",
     "@turf/bbox": "^6.5.0",
     "@turf/bearing": "^6.5.0",
@@ -33,7 +33,7 @@
   },
   "devDependencies": {
     "@opentripplanner/endpoints-overlay": "^2.0.8",
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/transitive-overlay/src/util.ts b/packages/transitive-overlay/src/util.ts
index 6be088f47..6cd9fff7f 100644
--- a/packages/transitive-overlay/src/util.ts
+++ b/packages/transitive-overlay/src/util.ts
@@ -7,6 +7,16 @@ import destination from "@turf/destination";
 import bearing from "@turf/bearing";
 import distance from "@turf/distance";
 
+import {
+  getLegBounds,
+  getLegRouteLongName,
+  getLegRouteShortName,
+  isAccessMode,
+  isFlex,
+  isRideshareLeg,
+  isTransit
+} from "@opentripplanner/core-utils/lib/itinerary";
+import { getPlaceName } from "@opentripplanner/itinerary-body";
 import {
   Company,
   Itinerary,
@@ -16,18 +26,8 @@ import {
   TransitivePlace,
   TransitiveStop
 } from "@opentripplanner/types";
-import coreUtils from "@opentripplanner/core-utils";
-import { getPlaceName } from "@opentripplanner/itinerary-body";
 import { IntlShape } from "react-intl";
 
-const {
-  getLegBounds,
-  isAccessMode,
-  isFlex,
-  isRideshareLeg,
-  isTransit
-} = coreUtils.itinerary;
-
 const CAR_PARK_ITIN_PREFIX = "itin_car_";
 
 /**
@@ -385,12 +385,12 @@ export function itineraryToTransitive(
       const routeLabel =
         typeof getRouteLabel === "function"
           ? getRouteLabel(leg)
-          : leg.routeShortName;
+          : getLegRouteShortName(leg);
       routes[leg.routeId] = {
         agency_id: leg.agencyId,
         route_id: leg.routeId,
         route_short_name: routeLabel || "",
-        route_long_name: leg.routeLongName || "",
+        route_long_name: getLegRouteLongName(leg) || "",
         route_type: leg.routeType,
         route_color: leg.routeColor,
         route_text_color: leg.routeTextColor
diff --git a/packages/trip-details/package.json b/packages/trip-details/package.json
index 184cd5081..2f9f69bfb 100644
--- a/packages/trip-details/package.json
+++ b/packages/trip-details/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/trip-details",
-  "version": "5.0.2",
+  "version": "5.0.4",
   "description": "A component for displaying details about a trip planning itinerary",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -11,13 +11,13 @@
   "license": "MIT",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^9.0.3",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@styled-icons/fa-solid": "^10.34.0",
     "flat": "^5.0.2",
     "react-animate-height": "^3.0.4"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0-alpha.9",
+    "@opentripplanner/types": "^6.0.0",
     "@types/flat": "^5.0.2"
   },
   "peerDependencies": {
diff --git a/packages/trip-details/src/fare-table.tsx b/packages/trip-details/src/fare-table.tsx
index d516be8a4..02b1d8c49 100644
--- a/packages/trip-details/src/fare-table.tsx
+++ b/packages/trip-details/src/fare-table.tsx
@@ -5,7 +5,8 @@ import { Transfer } from "@styled-icons/boxicons-regular/Transfer";
 
 import {
   getItineraryCost,
-  getLegCost
+  getLegCost,
+  getLegRouteName
 } from "@opentripplanner/core-utils/lib/itinerary";
 import { useIntl } from "react-intl";
 import { flatten } from "flat";
@@ -119,9 +120,7 @@ const FareTypeTable = ({
         </TableHeader>
         {filteredLegs.map((leg, index) => (
           <tr key={index}>
-            <td className="no-zebra">
-              {leg.routeShortName || leg.routeLongName}
-            </td>
+            <td className="no-zebra">{getLegRouteName(leg)}</td>
             {colsToRender.map(col => {
               const fare = getLegCost(leg, col.mediumId, col.riderCategoryId);
               return (
diff --git a/packages/trip-form/package.json b/packages/trip-form/package.json
index f240087db..23bab275b 100644
--- a/packages/trip-form/package.json
+++ b/packages/trip-form/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/trip-form",
-  "version": "3.3.1",
+  "version": "3.3.2",
   "description": "Trip Settings Form and Related Components",
   "author": "@binh-dam-ibigroup",
   "homepage": "https://github.com/opentripplanner/otp-ui/#readme",
@@ -10,7 +10,7 @@
   "types": "lib/index.d.ts",
   "private": false,
   "dependencies": {
-    "@opentripplanner/core-utils": "^10.0.0",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@floating-ui/react": "^0.19.2",
     "@styled-icons/bootstrap": "^10.34.0",
     "@styled-icons/boxicons-regular": "^10.38.0",
diff --git a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
index 93e2509d7..a4ec9d0b6 100644
--- a/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
+++ b/packages/trip-form/src/MetroModeSelector/MetroModeSelector.story.tsx
@@ -7,7 +7,7 @@ import {
   TrainSubway,
   TrainTram
 } from "@styled-icons/fa-solid";
-import { ClassicBike } from "@opentripplanner/icons/lib/classic";
+import { ClassicBike } from "@opentripplanner/icons/src/classic";
 import React, { ReactElement, useState } from "react";
 import * as Core from "..";
 import { QueryParamChangeEvent } from "../types";
diff --git a/packages/trip-viewer-overlay/package.json b/packages/trip-viewer-overlay/package.json
index 248e35656..cd58d495c 100644
--- a/packages/trip-viewer-overlay/package.json
+++ b/packages/trip-viewer-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/trip-viewer-overlay",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "A map overlay to show a trip of a route",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@mapbox/polyline": "^1.1.0",
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2"
+    "@opentripplanner/core-utils": "^11.0.2"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/vehicle-rental-overlay/package.json b/packages/vehicle-rental-overlay/package.json
index bafed8412..29d45bc08 100644
--- a/packages/vehicle-rental-overlay/package.json
+++ b/packages/vehicle-rental-overlay/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/vehicle-rental-overlay",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "A map overlay to show vehicle rentals from a specific company",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -20,7 +20,7 @@
   },
   "dependencies": {
     "@opentripplanner/base-map": "^3.0.14",
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/from-to-location-picker": "^2.1.8",
     "@opentripplanner/map-popup": "^2.0.5",
     "@styled-icons/fa-solid": "^10.34.0",
@@ -28,7 +28,7 @@
     "lodash.memoize": "^4.1.2"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/packages/zoom-based-markers/package.json b/packages/zoom-based-markers/package.json
index 459d24c84..a40e2eeb9 100644
--- a/packages/zoom-based-markers/package.json
+++ b/packages/zoom-based-markers/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentripplanner/zoom-based-markers",
-  "version": "2.0.6",
+  "version": "2.0.7",
   "description": "A component that renders objects differently based on a zoom level.",
   "main": "lib/index.js",
   "module": "esm/index.js",
@@ -19,11 +19,11 @@
     "url": "https://github.com/opentripplanner/otp-ui/issues"
   },
   "dependencies": {
-    "@opentripplanner/core-utils": "^9.0.2",
+    "@opentripplanner/core-utils": "^11.0.2",
     "@opentripplanner/base-map": "^3.0.14"
   },
   "devDependencies": {
-    "@opentripplanner/types": "^6.0.0"
+    "@opentripplanner/types": "^6.1.0"
   },
   "peerDependencies": {
     "react": "^16.14.0",
diff --git a/yarn.lock b/yarn.lock
index fcddd6088..917932aaa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3241,54 +3241,11 @@
   resolved "https://registry.yarnpkg.com/@open-draft/until/-/until-1.0.3.tgz#db9cc719191a62e7d9200f6e7bab21c5b848adca"
   integrity sha512-Aq58f5HiWdyDlFffbbSjAlv596h/cOnt2DO1w3DOC7OJ5EHs0hd/nycJfiu9RJbT6Yk6F1knnRRXNSpxoIVZ9Q==
 
-"@opentripplanner/core-utils@^10.0.0":
-  version "10.0.0"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-10.0.0.tgz#ab5cba39097e2b15e634b1e70141076f3a5614d3"
-  integrity sha512-3T+P9GlBmeL8AHATUXbOouDtr3eYNv6VYMbVagFV9MBhYf3wSCJ3kAdBEWK+TQGfiWRfcxVJueuy8kvmVrkJtA==
-  dependencies:
-    "@conveyal/lonlat" "^1.4.1"
-    "@mapbox/polyline" "^1.1.0"
-    "@opentripplanner/geocoder" "^1.4.1"
-    "@styled-icons/foundation" "^10.34.0"
-    "@turf/along" "^6.0.1"
-    bowser "^2.7.0"
-    chroma-js "^2.4.2"
-    date-fns "^2.28.0"
-    date-fns-tz "^1.2.2"
-    graphql "^16.6.0"
-    lodash.clonedeep "^4.5.0"
-    lodash.isequal "^4.5.0"
-    qs "^6.9.1"
-
-"@opentripplanner/core-utils@^9.0.2", "@opentripplanner/core-utils@^9.0.3":
-  version "9.0.3"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/core-utils/-/core-utils-9.0.3.tgz#c1ebdcc3ad5999fb28427102c9be7d7268f6bd37"
-  integrity sha512-8P3Bi41jF7z18P/soo6lEw+nrqarsyGMAxivsF1/kMJdRo4wnakp0zcrVZjDXTxoR6LPtj6Kkuxv3JQFO9jKiw==
-  dependencies:
-    "@conveyal/lonlat" "^1.4.1"
-    "@mapbox/polyline" "^1.1.0"
-    "@opentripplanner/geocoder" "^1.4.1"
-    "@styled-icons/foundation" "^10.34.0"
-    "@turf/along" "^6.0.1"
-    bowser "^2.7.0"
-    chroma-js "^2.4.2"
-    date-fns "^2.28.0"
-    date-fns-tz "^1.2.2"
-    graphql "^16.6.0"
-    lodash.clonedeep "^4.5.0"
-    lodash.isequal "^4.5.0"
-    qs "^6.9.1"
-
 "@opentripplanner/types@7.0.0-alpha.2":
   version "7.0.0-alpha.2"
   resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.2.tgz#d10c69f99b2da6d1e80ab5989520bde8e558627b"
   integrity sha512-IzQwBcxkoyM+r/W7u+nzICf/6QnreLKppkrZZNl0yVxFiT6RBOd0U2UxMxLPYuRd/3awQabI3/qQ3/6ZxMWPfA==
 
-"@opentripplanner/types@^7.0.0-alpha.6":
-  version "7.0.0-alpha.6"
-  resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.6.tgz#11c1ccfe479ac66a96f5b529728bbdfad58b6a81"
-  integrity sha512-nck8RRvn4/h0XBwD7ij5OOw/W+fRP4GdJo4XVtUWX4TYjBv5SLRb8T/OpkBkETW63LN5gi/qcrdnIdLg6W1aYA==
-
 "@opentripplanner/types@^7.0.0-alpha.9":
   version "7.0.0-alpha.9"
   resolved "https://registry.yarnpkg.com/@opentripplanner/types/-/types-7.0.0-alpha.9.tgz#175ede990d9b08815779a65d4e2bd24c97e3c33d"
@@ -6607,11 +6564,6 @@ bottleneck@^2.18.1:
   resolved "https://registry.yarnpkg.com/bottleneck/-/bottleneck-2.19.5.tgz#5df0b90f59fd47656ebe63c78a98419205cadd91"
   integrity sha512-VHiNCbI1lKdl44tGrhNfU3lup0Tj/ZBMJB5/2ZbNXRCPuRCO7ed2mgcK4r17y+KB2EfuYuRaVlwNbAeaWGSpbw==
 
-bowser@^2.7.0:
-  version "2.11.0"
-  resolved "https://registry.yarnpkg.com/bowser/-/bowser-2.11.0.tgz#5ca3c35757a7aa5771500c70a73a9f91ef420a8f"
-  integrity sha512-AlcaJBi/pqqJBIQ8U9Mcpc9i8Aqxn88Skv5d+xBX006BY5u8N3mGLHa5Lgppa7L/HfwgwLgZ6NYs+Ag6uUmJRA==
-
 boxen@^5.1.2:
   version "5.1.2"
   resolved "https://registry.yarnpkg.com/boxen/-/boxen-5.1.2.tgz#788cb686fc83c1f486dfa8a40c68fc2b831d2b50"
@@ -7018,9 +6970,9 @@ camelize@^1.0.0:
   integrity sha1-FkpUg+Yw+kMh5a8HAg5TGDGyYJs=
 
 caniuse-lite@^1.0.30001109, caniuse-lite@^1.0.30001219:
-  version "1.0.30001431"
-  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001431.tgz"
-  integrity sha512-zBUoFU0ZcxpvSt9IU66dXVT/3ctO1cy4y9cscs1szkPlcWb6pasYM144GqrUygUbT+k7cmUCW61cvskjcv0enQ==
+  version "1.0.30001534"
+  resolved "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001534.tgz"
+  integrity sha512-vlPVrhsCS7XaSh2VvWluIQEzVhefrUQcEsQWSS5A5V+dM07uv1qHeQzAOTGIMy9i3e9bH15+muvI/UHojVgS/Q==
 
 capture-exit@^2.0.0:
   version "2.0.0"