diff --git a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
index 57ec88194..b6acec869 100644
--- a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
+++ b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
@@ -49,7 +49,7 @@ exports[`components > viewers > nearby view renders nothing on a blank page 1`]
           className="nearby-view base-color-bg"
         >
           <div
-            className="sc-fTACoA frNIhF nearby-view base-color-bg"
+            className="sc-hRxcUd bEfbVP nearby-view base-color-bg"
           >
             <Connect(PageTitle)
               title="components.NearbyView.header"
@@ -69,7 +69,7 @@ exports[`components > viewers > nearby view renders nothing on a blank page 1`]
               }
             >
               <h3
-                className="sc-bSFUlv BonbC"
+                className="sc-iWRHom hYvWsw"
                 style={
                   Object {
                     "position": "absolute",
@@ -348,7 +348,7 @@ exports[`components > viewers > nearby view renders nothing on a blank page 1`]
               }
             >
               <ol
-                className="sc-ehsPLh cQrflx base-color-bg"
+                className="sc-iuAqRD ggHPzV base-color-bg"
                 style={
                   Object {
                     "marginBottom": 0,
@@ -4343,7 +4343,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
           className="nearby-view base-color-bg"
         >
           <div
-            className="sc-fTACoA frNIhF nearby-view base-color-bg"
+            className="sc-hRxcUd bEfbVP nearby-view base-color-bg"
           >
             <Connect(PageTitle)
               title="components.NearbyView.header"
@@ -4363,7 +4363,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
               }
             >
               <h3
-                className="sc-bSFUlv BonbC"
+                className="sc-iWRHom hYvWsw"
                 style={
                   Object {
                     "position": "absolute",
@@ -4642,7 +4642,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
               }
             >
               <ol
-                className="sc-ehsPLh cQrflx base-color-bg"
+                className="sc-iuAqRD ggHPzV base-color-bg"
                 style={
                   Object {
                     "marginBottom": 0,
@@ -4756,15 +4756,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -4790,7 +4790,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -4823,7 +4823,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -4842,7 +4842,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -5184,15 +5184,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -5218,7 +5218,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -5251,7 +5251,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -5270,7 +5270,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -5612,15 +5612,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -5646,7 +5646,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -5679,7 +5679,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -5698,7 +5698,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -8230,7 +8230,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -10552,11 +10552,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -11138,7 +11138,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -11157,7 +11157,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -11181,7 +11181,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/kcm:36940"
                                           toParams={
                                             Object {
@@ -11190,7 +11190,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/kcm:36940"
                                           >
                                             <IconWithText
@@ -11211,7 +11211,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -12593,7 +12593,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -12768,7 +12768,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -12816,7 +12816,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -12854,7 +12854,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -12878,7 +12878,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -12991,7 +12991,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13003,10 +13003,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -13017,7 +13017,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -13029,7 +13029,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -13052,7 +13052,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13153,7 +13153,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13165,10 +13165,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -13179,7 +13179,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -13191,7 +13191,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -13214,7 +13214,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13315,7 +13315,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13371,7 +13371,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13594,7 +13594,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -13642,7 +13642,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -13680,7 +13680,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -13704,7 +13704,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -13817,7 +13817,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13829,10 +13829,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -13843,7 +13843,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -13855,7 +13855,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -13878,7 +13878,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13979,7 +13979,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -14035,7 +14035,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -14136,7 +14136,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -14192,7 +14192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -14350,7 +14350,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -14398,7 +14398,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -14436,7 +14436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -14460,7 +14460,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -14573,7 +14573,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -14585,10 +14585,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -14599,7 +14599,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -14611,7 +14611,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -14634,7 +14634,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -14735,7 +14735,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -14791,7 +14791,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -14892,7 +14892,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -14948,7 +14948,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -16500,7 +16500,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -18018,11 +18018,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -18403,7 +18403,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -18422,7 +18422,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <Styled(Connect(Component))
@@ -18435,7 +18435,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/40:990003"
                                           toParams={
                                             Object {
@@ -18444,7 +18444,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/40:990003"
                                           >
                                             <IconWithText
@@ -18465,7 +18465,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -19445,7 +19445,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -19555,7 +19555,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -19603,7 +19603,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd kwLEku"
+                                                    className="sc-BXpxD dpbPJU"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -19641,7 +19641,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -19665,7 +19665,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -19778,7 +19778,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19834,7 +19834,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -19935,7 +19935,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19991,7 +19991,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -20092,7 +20092,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -20148,7 +20148,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -20254,7 +20254,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -20302,7 +20302,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd kwLEku"
+                                                    className="sc-BXpxD dpbPJU"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -20340,7 +20340,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -20364,7 +20364,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -20477,7 +20477,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -20533,7 +20533,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -20756,7 +20756,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -20804,7 +20804,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd kwLEku"
+                                                    className="sc-BXpxD dpbPJU"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -20842,7 +20842,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -20866,7 +20866,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -20979,7 +20979,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -21035,7 +21035,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -21136,7 +21136,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -21192,7 +21192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -21293,7 +21293,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -21349,7 +21349,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -21515,15 +21515,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -21549,7 +21549,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="bird-seattle-washington"
@@ -21582,7 +21582,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -21601,7 +21601,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -21943,15 +21943,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -21977,7 +21977,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -22010,7 +22010,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -22029,7 +22029,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -22371,15 +22371,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -22405,7 +22405,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -22438,7 +22438,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -22457,7 +22457,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -25297,7 +25297,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -27927,11 +27927,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -28590,7 +28590,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -28609,7 +28609,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -28633,7 +28633,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/kcm:16430"
                                           toParams={
                                             Object {
@@ -28642,7 +28642,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/kcm:16430"
                                           >
                                             <IconWithText
@@ -28663,7 +28663,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -30199,7 +30199,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -30374,7 +30374,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -30422,7 +30422,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -30460,7 +30460,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -30484,7 +30484,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -30597,7 +30597,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30609,10 +30609,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -30623,7 +30623,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -30635,7 +30635,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -30658,7 +30658,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30759,7 +30759,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30771,10 +30771,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -30785,7 +30785,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -30797,7 +30797,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -30820,7 +30820,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30921,7 +30921,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30977,7 +30977,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -31213,7 +31213,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -31261,7 +31261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -31299,7 +31299,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -31323,7 +31323,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -31436,7 +31436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -31448,10 +31448,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -31462,7 +31462,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -31474,7 +31474,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -31497,7 +31497,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -31598,7 +31598,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -31654,7 +31654,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -31755,7 +31755,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -31767,10 +31767,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -31781,7 +31781,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -31793,7 +31793,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -31816,7 +31816,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -31974,7 +31974,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -32022,7 +32022,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -32060,7 +32060,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -32084,7 +32084,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -32197,7 +32197,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -32253,7 +32253,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -32354,7 +32354,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -32410,7 +32410,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -32511,7 +32511,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -32567,7 +32567,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -32673,7 +32673,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -32721,7 +32721,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="988"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -32759,7 +32759,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -32783,7 +32783,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -32896,7 +32896,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -32952,7 +32952,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -33118,15 +33118,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -33152,7 +33152,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -33185,7 +33185,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -33204,7 +33204,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -33546,15 +33546,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -33580,7 +33580,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -33613,7 +33613,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -33632,7 +33632,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -33974,15 +33974,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -34008,7 +34008,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -34041,7 +34041,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -34060,7 +34060,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -34402,15 +34402,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -34436,7 +34436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -34469,7 +34469,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -34488,7 +34488,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -34830,15 +34830,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -34864,7 +34864,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -34897,7 +34897,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -34916,7 +34916,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -36644,7 +36644,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -38162,11 +38162,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -38547,7 +38547,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -38566,7 +38566,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -38590,7 +38590,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/kcm:16440"
                                           toParams={
                                             Object {
@@ -38599,7 +38599,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/kcm:16440"
                                           >
                                             <IconWithText
@@ -38620,7 +38620,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -39600,7 +39600,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -39710,7 +39710,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -39758,7 +39758,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -39796,7 +39796,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -39820,7 +39820,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -39933,7 +39933,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -39945,10 +39945,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -39959,7 +39959,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -39971,7 +39971,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -39994,7 +39994,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -40095,7 +40095,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -40151,7 +40151,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -40252,7 +40252,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -40308,7 +40308,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -40531,7 +40531,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -40579,7 +40579,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -40617,7 +40617,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -40641,7 +40641,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -40754,7 +40754,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -40810,7 +40810,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -40911,7 +40911,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -40967,7 +40967,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -41068,7 +41068,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -41124,7 +41124,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -41230,7 +41230,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -41278,7 +41278,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="984"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -41316,7 +41316,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -41340,7 +41340,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -41453,7 +41453,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -41509,7 +41509,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -41675,15 +41675,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -41709,7 +41709,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -41742,7 +41742,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -41761,7 +41761,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -44189,7 +44189,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -46407,11 +46407,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -46967,7 +46967,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -46986,7 +46986,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <Styled(Connect(Component))
@@ -46999,7 +46999,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/40:990004"
                                           toParams={
                                             Object {
@@ -47008,7 +47008,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/40:990004"
                                           >
                                             <IconWithText
@@ -47029,7 +47029,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -48359,7 +48359,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -48625,7 +48625,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -48673,7 +48673,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd kwLEku"
+                                                    className="sc-BXpxD dpbPJU"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -48711,7 +48711,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -48735,7 +48735,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -48848,7 +48848,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -48860,10 +48860,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -48874,7 +48874,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -48886,7 +48886,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -48909,7 +48909,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -49010,7 +49010,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -49022,10 +49022,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -49036,7 +49036,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -49048,7 +49048,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -49071,7 +49071,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -49172,7 +49172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -49184,10 +49184,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -49198,7 +49198,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -49210,7 +49210,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -49233,7 +49233,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -51897,7 +51897,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -54527,11 +54527,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -55190,7 +55190,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -55209,7 +55209,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -55233,7 +55233,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/kcm:23561"
                                           toParams={
                                             Object {
@@ -55242,7 +55242,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/kcm:23561"
                                           >
                                             <IconWithText
@@ -55263,7 +55263,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -56799,7 +56799,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -56909,7 +56909,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -56957,7 +56957,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd eKascu"
+                                                    className="sc-BXpxD fcWIjg"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -56995,7 +56995,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -57019,7 +57019,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -57132,7 +57132,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57188,7 +57188,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57289,7 +57289,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57345,7 +57345,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57446,7 +57446,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57502,7 +57502,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57660,7 +57660,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -57708,7 +57708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -57746,7 +57746,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -57770,7 +57770,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -57883,7 +57883,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57895,10 +57895,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -57909,7 +57909,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -57921,7 +57921,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -57944,7 +57944,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -58045,7 +58045,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -58101,7 +58101,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -58202,7 +58202,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -58258,7 +58258,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -58416,7 +58416,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -58464,7 +58464,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd eKascu"
+                                                    className="sc-BXpxD fcWIjg"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -58502,7 +58502,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -58526,7 +58526,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -58639,7 +58639,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -58695,7 +58695,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -58796,7 +58796,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -58852,7 +58852,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -58953,7 +58953,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -59009,7 +59009,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -59232,7 +59232,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -59280,7 +59280,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -59318,7 +59318,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -59342,7 +59342,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -59455,7 +59455,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -59511,7 +59511,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -59612,7 +59612,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -59668,7 +59668,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -59769,7 +59769,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -59825,7 +59825,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -59983,7 +59983,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -60031,7 +60031,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -60069,7 +60069,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -60093,7 +60093,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -60206,7 +60206,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -60262,7 +60262,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -60363,7 +60363,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -60419,7 +60419,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -60520,7 +60520,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -60576,7 +60576,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -60708,7 +60708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -60756,7 +60756,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -60794,7 +60794,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -60818,7 +60818,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -60931,7 +60931,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -60987,7 +60987,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -61088,7 +61088,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -61144,7 +61144,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -61245,7 +61245,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -61301,7 +61301,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -61467,15 +61467,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-dwqccx bJjQOM"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy dpCPAL"
+                                    className="sc-gUUBao eLkCwF"
                                   >
                                     <IconWithText
                                       icon={
@@ -61501,7 +61501,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                            className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                           >
                                             <suspensedComponent
                                               company="lime_seattle"
@@ -61534,7 +61534,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-liccgK bWddLw"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -61553,7 +61553,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-hJxDiT gGpYuf"
+                                className="sc-cuWdqJ bqybbK"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -64085,7 +64085,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY fQnBcj"
+                            className="sc-DJgqy hBRUWj"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -66407,11 +66407,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-dwqccx bJjQOM"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy dpCPAL"
+                                        className="sc-gUUBao eLkCwF"
                                       >
                                         <TransitOperatorLogos
                                           stopData={
@@ -66993,7 +66993,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-liccgK bWddLw"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -67012,7 +67012,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-hJxDiT gGpYuf"
+                                    className="sc-cuWdqJ bqybbK"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -67036,7 +67036,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                         }
                                       >
                                         <Connect(Component)
-                                          className="sc-bTRMho cUeszi stop-header-action"
+                                          className="sc-fTNIjK gxSdHI stop-header-action"
                                           to="/schedule/kcm:36931"
                                           toParams={
                                             Object {
@@ -67045,7 +67045,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           }
                                         >
                                           <a
-                                            className="sc-bTRMho cUeszi stop-header-action"
+                                            className="sc-fTNIjK gxSdHI stop-header-action"
                                             href="#/schedule/kcm:36931"
                                           >
                                             <IconWithText
@@ -67066,7 +67066,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                               >
                                                 <Styled(styled.span)>
                                                   <span
-                                                    className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                    className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                   >
                                                     <Calendar>
                                                       <StyledIconBase
@@ -68448,7 +68448,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             <div>
                               <styled.ul>
                                 <ul
-                                  className="sc-cuWdqJ hBTEvH"
+                                  className="sc-bTRMho kIiWKf"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -68623,7 +68623,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -68671,7 +68671,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -68709,7 +68709,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -68733,7 +68733,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -68846,7 +68846,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -68858,10 +68858,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -68872,7 +68872,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -68884,7 +68884,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -68907,7 +68907,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -69008,7 +69008,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -69020,10 +69020,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -69034,7 +69034,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -69046,7 +69046,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -69069,7 +69069,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -69170,7 +69170,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -69226,7 +69226,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -69449,7 +69449,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -69497,7 +69497,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -69535,7 +69535,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -69559,7 +69559,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -69672,7 +69672,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -69684,10 +69684,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -69698,7 +69698,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -69710,7 +69710,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -69733,7 +69733,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -69834,7 +69834,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -69890,7 +69890,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -69991,7 +69991,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -70047,7 +70047,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -70205,7 +70205,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       className="pattern-row-item"
                                     >
                                       <li
-                                        className="sc-cipXqI jSVExJ pattern-row-item"
+                                        className="sc-bAffKu gvThCO pattern-row-item"
                                       >
                                         <div
                                           className="header stop-view"
@@ -70253,7 +70253,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-hRxcUd EpYmS"
+                                                    className="sc-BXpxD bYqyKk"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -70291,7 +70291,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             className="departure-times"
                                           >
                                             <ol
-                                              className="sc-kGNyvp tDkqi departure-times"
+                                              className="sc-jYCGPb dDLykO departure-times"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -70315,7 +70315,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                        className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -70428,7 +70428,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -70440,10 +70440,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-bAffKu dqCXaW"
+                                                              className="sc-bxnjHY bDQXdg"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bAffKu dqCXaW"
+                                                                className="sc-bxnjHY bDQXdg"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -70454,7 +70454,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -70466,7 +70466,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bAffKu dqCXaW"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bxnjHY bDQXdg"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -70489,7 +70489,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -70590,7 +70590,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -70646,7 +70646,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -70747,7 +70747,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jvfqPk sc-edoYdd ifwvEZ jzCMNj"
+                                                          className="sc-bSFUlv sc-jvfqPk gFxSud bAWwqY"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -70803,7 +70803,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-iWRHom dodYCy"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
diff --git a/lib/actions/api.js b/lib/actions/api.js
index 9ff17896b..6894f9cec 100644
--- a/lib/actions/api.js
+++ b/lib/actions/api.js
@@ -308,7 +308,7 @@ export const parkAndRideResponse = createAction('PARK_AND_RIDE_RESPONSE')
 export function parkAndRideQuery(
   params,
   responseAction = parkAndRideResponse,
-  errorAction = parkAndRideResponse,
+  errorAction = parkAndRideError,
   options = {}
 ) {
   let endpoint = 'park_and_ride'
diff --git a/lib/components/narrative/metro/metro-error-renderer.tsx b/lib/components/narrative/metro/metro-error-renderer.tsx
index 71da96fbd..8b7b6b2e5 100644
--- a/lib/components/narrative/metro/metro-error-renderer.tsx
+++ b/lib/components/narrative/metro/metro-error-renderer.tsx
@@ -21,7 +21,7 @@ const Container = styled.li`
   grid-template-rows: 1fr max-content;
   list-style-type: none;
   margin: 0;
-  padding: 0 1em;
+  padding: 1em;
 
   h2 {
     font-size: 24px;
@@ -40,8 +40,33 @@ const Container = styled.li`
     grid-row: 2;
     padding-bottom: 10px;
   }
+
+  p:not(h2 ~ p) {
+    grid-row: 1 / -1;
+    place-self: center start;
+    padding-bottom: 0;
+    margin-bottom: 0;
+  }
 `
 
+export const IconMessageContainer = ({
+  body,
+  header,
+  icon = ExclamationCircle,
+  iconSize = '3x'
+}: {
+  body?: React.ReactNode
+  header?: React.ReactNode
+  icon?: React.ComponentType<any>
+  iconSize?: string
+}): JSX.Element => (
+  <Container>
+    <Icon Icon={icon} size={iconSize} />
+    {header && <h2>{header}</h2>}
+    {body && <p>{body}</p>}
+  </Container>
+)
+
 const ErrorRenderer = ({
   errors,
   exclusiveErrors,
@@ -82,14 +107,8 @@ const ErrorRenderer = ({
           )
 
           return (
-            <Container key={error}>
-              <Icon Icon={ExclamationCircle} size="3x" />
-              <h2>
-                <FormattedMessage
-                  id={`components.OTP2ErrorRenderer.${error}.header`}
-                />
-              </h2>
-              <p>
+            <IconMessageContainer
+              body={
                 <FormattedMessage
                   id={`components.OTP2ErrorRenderer.${error}.body`}
                   values={{
@@ -107,8 +126,15 @@ const ErrorRenderer = ({
                     )
                   }}
                 />
-              </p>
-            </Container>
+              }
+              header={
+                <FormattedMessage
+                  id={`components.OTP2ErrorRenderer.${error}.header`}
+                />
+              }
+              icon={ExclamationCircle}
+              key={error}
+            />
           )
         })}
     </List>
diff --git a/lib/components/viewers/nearby/nearby-view.tsx b/lib/components/viewers/nearby/nearby-view.tsx
index 28aa0a108..5062b16e6 100644
--- a/lib/components/viewers/nearby/nearby-view.tsx
+++ b/lib/components/viewers/nearby/nearby-view.tsx
@@ -16,6 +16,7 @@ import * as uiActions from '../../../actions/ui'
 import { AppReduxState } from '../../../util/state-types'
 import { GeocoderConfig } from '../../../util/config-types'
 import { getCurrentServiceWeek } from '../../../util/current-service-week'
+import { IconMessageContainer } from '../../narrative/metro/metro-error-renderer'
 import {
   PatternStopTime,
   SetLocationHandler,
@@ -62,6 +63,7 @@ type Props = {
   // Todo: type nearby results
   nearby: any
   nearbyViewCoords?: LatLonObj
+  nearbyViewError?: any
   radius?: number
   routeSortComparator: (a: PatternStopTime, b: PatternStopTime) => number
   sessionSearches: any
@@ -135,6 +137,7 @@ function NearbyView({
   mobile,
   nearby,
   nearbyViewCoords,
+  nearbyViewError,
   radius,
   routeSortComparator,
   sessionSearches,
@@ -159,10 +162,15 @@ function NearbyView({
     [nearbyViewCoords, currentPosition, map]
   )
 
-  const reverseCoords = (coords: LonLatInput) => {
-    getGeocoder(geocoderConfig)
-      .reverse({ point: coords })
-      .then((result: Location) => setReversedPoint(result?.name || ''))
+  const reverseCoords = async (coords: LonLatInput) => {
+    try {
+      const location = await getGeocoder(geocoderConfig).reverse({
+        point: coords
+      })
+      setReversedPoint(location?.name || '')
+    } catch (error) {
+      console.error('Error reversing coordinates:', error)
+    }
   }
 
   // Make sure the highlighted location is cleaned up when leaving nearby
@@ -227,6 +235,12 @@ function NearbyView({
     }
   }, [finalNearbyCoords, fetchNearby, radius])
 
+  useEffect(() => {
+    if (nearbyViewError) {
+      setLoading(false)
+    }
+  }, [nearbyViewError])
+
   const onMouseEnter = useCallback(
     (location: Location) => {
       setHighlightedLocation(location)
@@ -373,6 +387,11 @@ function NearbyView({
         className="base-color-bg"
         style={{ marginBottom: 0 }}
       >
+        {nearbyViewError && !loading && (
+          <IconMessageContainer
+            body={intl.formatMessage({ id: 'components.NearbyView.error' })}
+          />
+        )}
         {nearby &&
           !staleData &&
           (nearby.error ? (
@@ -430,6 +449,7 @@ const mapStateToProps = (state: AppReduxState) => {
     location: state.router.location.hash,
     nearby: nearby?.data,
     nearbyViewCoords,
+    nearbyViewError: nearby?.error,
     radius: config.nearbyView?.radius,
     routeSortComparator,
     sessionSearches