From f385a1360eaf5c8855e75d480905080a9578d8c9 Mon Sep 17 00:00:00 2001
From: amy-corson-ibigroup
 <115499534+amy-corson-ibigroup@users.noreply.github.com>
Date: Fri, 24 May 2024 15:30:13 -0500
Subject: [PATCH] update snapshots

---
 .../viewers/__snapshots__/nearby-view.js.snap | 1154 ++++++++---------
 .../stop-schedule-viewer.ts.snap              |    6 +-
 2 files changed, 580 insertions(+), 580 deletions(-)

diff --git a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
index 82a1f7065..3c60f41c2 100644
--- a/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
+++ b/__tests__/components/viewers/__snapshots__/nearby-view.js.snap
@@ -45,7 +45,7 @@ exports[`components > viewers > nearby view renders nothing on a blank page 1`]
           className="nearby-view base-color-bg"
         >
           <div
-            className="sc-cuWdqJ cZFGA-D nearby-view base-color-bg"
+            className="sc-fTACoA bTJfzH nearby-view base-color-bg"
           >
             <Connect(PageTitle)
               title="components.NearbyView.header"
@@ -84,7 +84,7 @@ exports[`components > viewers > nearby view renders nothing on a blank page 1`]
               }
             >
               <ol
-                className="sc-dcwqsv bgYBAJ base-color-bg"
+                className="sc-ehsPLh bsdzfb base-color-bg"
                 style={
                   Object {
                     "marginTop": 0,
@@ -4078,7 +4078,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
           className="nearby-view base-color-bg"
         >
           <div
-            className="sc-cuWdqJ cZFGA-D nearby-view base-color-bg"
+            className="sc-fTACoA bTJfzH nearby-view base-color-bg"
           >
             <Connect(PageTitle)
               title="components.NearbyView.header"
@@ -4117,7 +4117,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
               }
             >
               <ol
-                className="sc-dcwqsv bgYBAJ base-color-bg"
+                className="sc-ehsPLh bsdzfb base-color-bg"
                 style={
                   Object {
                     "marginTop": 0,
@@ -4221,15 +4221,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -4264,7 +4264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -4310,7 +4310,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -4329,7 +4329,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4403,11 +4403,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4419,7 +4419,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -4432,7 +4432,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -4480,11 +4480,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4496,7 +4496,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -4509,7 +4509,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -4652,15 +4652,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -4695,7 +4695,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -4741,7 +4741,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -4760,7 +4760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4834,11 +4834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4850,7 +4850,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -4863,7 +4863,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -4911,11 +4911,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -4927,7 +4927,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -4940,7 +4940,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -5083,15 +5083,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -5126,7 +5126,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -5172,7 +5172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -5191,7 +5191,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -5265,11 +5265,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -5281,7 +5281,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -5294,7 +5294,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -5342,11 +5342,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -5358,7 +5358,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -5371,7 +5371,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -7704,7 +7704,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -10014,11 +10014,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 2
@@ -10030,7 +10030,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -10049,7 +10049,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -10106,7 +10106,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -11326,11 +11326,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -11342,7 +11342,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -11355,7 +11355,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -11403,11 +11403,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -11419,7 +11419,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -11432,7 +11432,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -11481,7 +11481,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -11657,7 +11657,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -11705,7 +11705,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -11732,7 +11732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -11756,7 +11756,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -11867,7 +11867,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -11879,10 +11879,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -11893,7 +11893,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -11905,7 +11905,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -11928,7 +11928,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12027,7 +12027,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12039,10 +12039,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -12053,7 +12053,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -12065,7 +12065,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -12088,7 +12088,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12187,7 +12187,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12243,7 +12243,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12467,7 +12467,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -12515,7 +12515,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -12542,7 +12542,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -12566,7 +12566,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -12677,7 +12677,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12689,10 +12689,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -12703,7 +12703,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -12715,7 +12715,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -12738,7 +12738,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12837,7 +12837,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12893,7 +12893,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12992,7 +12992,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13048,7 +13048,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13207,7 +13207,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -13255,7 +13255,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -13282,7 +13282,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -13306,7 +13306,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -13417,7 +13417,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13429,10 +13429,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -13443,7 +13443,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -13455,7 +13455,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -13478,7 +13478,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13577,7 +13577,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13633,7 +13633,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13732,7 +13732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13788,7 +13788,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -15327,7 +15327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -16833,11 +16833,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt
@@ -16849,7 +16849,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -16868,7 +16868,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -16925,7 +16925,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -17743,11 +17743,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -17759,7 +17759,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -17772,7 +17772,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -17820,11 +17820,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -17836,7 +17836,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -17849,7 +17849,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -17898,7 +17898,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -18009,7 +18009,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -18057,7 +18057,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA NVRqI"
+                                                    className="sc-bTRMho cyqbfo"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18084,7 +18084,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18108,7 +18108,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -18219,7 +18219,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18275,7 +18275,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18374,7 +18374,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18430,7 +18430,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18529,7 +18529,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18585,7 +18585,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18692,7 +18692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -18740,7 +18740,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA NVRqI"
+                                                    className="sc-bTRMho cyqbfo"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18767,7 +18767,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18791,7 +18791,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -18902,7 +18902,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18958,7 +18958,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19182,7 +19182,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -19230,7 +19230,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA NVRqI"
+                                                    className="sc-bTRMho cyqbfo"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -19257,7 +19257,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -19281,7 +19281,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -19392,7 +19392,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19448,7 +19448,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19547,7 +19547,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19603,7 +19603,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19702,7 +19702,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19758,7 +19758,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19911,15 +19911,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -19954,7 +19954,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20000,7 +20000,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -20019,7 +20019,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20093,11 +20093,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -20109,7 +20109,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -20122,7 +20122,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -20170,11 +20170,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -20186,7 +20186,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -20199,7 +20199,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -20342,15 +20342,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -20385,7 +20385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20431,7 +20431,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -20450,7 +20450,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20524,11 +20524,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -20540,7 +20540,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -20553,7 +20553,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -20601,11 +20601,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -20617,7 +20617,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -20630,7 +20630,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -20773,15 +20773,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -20816,7 +20816,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20862,7 +20862,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -20881,7 +20881,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20955,11 +20955,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -20971,7 +20971,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -20984,7 +20984,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -21032,11 +21032,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -21048,7 +21048,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -21061,7 +21061,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -23702,7 +23702,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -26320,11 +26320,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 1
@@ -26336,7 +26336,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -26355,7 +26355,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -26412,7 +26412,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -27786,11 +27786,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -27802,7 +27802,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -27815,7 +27815,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -27863,11 +27863,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -27879,7 +27879,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -27892,7 +27892,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -27941,7 +27941,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -28117,7 +28117,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28165,7 +28165,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -28192,7 +28192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -28216,7 +28216,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -28327,7 +28327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28339,10 +28339,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -28353,7 +28353,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -28365,7 +28365,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -28388,7 +28388,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28487,7 +28487,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28499,10 +28499,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -28513,7 +28513,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -28525,7 +28525,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -28548,7 +28548,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28647,7 +28647,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28703,7 +28703,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28940,7 +28940,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28988,7 +28988,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29015,7 +29015,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29039,7 +29039,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -29150,7 +29150,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29162,10 +29162,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -29176,7 +29176,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -29188,7 +29188,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -29211,7 +29211,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29310,7 +29310,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29366,7 +29366,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29465,7 +29465,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29477,10 +29477,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -29491,7 +29491,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -29503,7 +29503,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -29526,7 +29526,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29685,7 +29685,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -29733,7 +29733,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29760,7 +29760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29784,7 +29784,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -29895,7 +29895,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29951,7 +29951,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30050,7 +30050,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30106,7 +30106,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30205,7 +30205,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30261,7 +30261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30368,7 +30368,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -30416,7 +30416,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="988"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -30443,7 +30443,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -30467,7 +30467,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -30578,7 +30578,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30634,7 +30634,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30787,15 +30787,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -30830,7 +30830,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -30876,7 +30876,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -30895,7 +30895,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -30969,11 +30969,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -30985,7 +30985,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -30998,7 +30998,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -31046,11 +31046,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31062,7 +31062,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -31075,7 +31075,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -31218,15 +31218,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -31261,7 +31261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -31307,7 +31307,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -31326,7 +31326,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31400,11 +31400,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31416,7 +31416,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -31429,7 +31429,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -31477,11 +31477,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31493,7 +31493,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -31506,7 +31506,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -31649,15 +31649,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -31692,7 +31692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -31738,7 +31738,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -31757,7 +31757,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31831,11 +31831,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31847,7 +31847,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -31860,7 +31860,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -31908,11 +31908,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -31924,7 +31924,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -31937,7 +31937,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -32080,15 +32080,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -32123,7 +32123,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -32169,7 +32169,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -32188,7 +32188,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32262,11 +32262,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -32278,7 +32278,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -32291,7 +32291,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -32339,11 +32339,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -32355,7 +32355,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -32368,7 +32368,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -32511,15 +32511,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -32554,7 +32554,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -32600,7 +32600,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -32619,7 +32619,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32693,11 +32693,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -32709,7 +32709,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -32722,7 +32722,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -32770,11 +32770,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -32786,7 +32786,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -32799,7 +32799,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -34328,7 +34328,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -35834,11 +35834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt Station Bay 5 - Bay 5
@@ -35850,7 +35850,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -35869,7 +35869,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -35926,7 +35926,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -36744,11 +36744,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -36760,7 +36760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -36773,7 +36773,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -36821,11 +36821,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -36837,7 +36837,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -36850,7 +36850,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -36899,7 +36899,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -37010,7 +37010,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37058,7 +37058,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37085,7 +37085,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37109,7 +37109,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -37220,7 +37220,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37232,10 +37232,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -37246,7 +37246,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -37258,7 +37258,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -37281,7 +37281,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37380,7 +37380,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37436,7 +37436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37535,7 +37535,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37591,7 +37591,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37815,7 +37815,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37863,7 +37863,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37890,7 +37890,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37914,7 +37914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -38025,7 +38025,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38081,7 +38081,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38180,7 +38180,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38236,7 +38236,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38335,7 +38335,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38391,7 +38391,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38498,7 +38498,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -38546,7 +38546,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="984"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -38573,7 +38573,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -38597,7 +38597,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -38708,7 +38708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38764,7 +38764,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38917,15 +38917,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -38960,7 +38960,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -39006,7 +39006,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -39025,7 +39025,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -39099,11 +39099,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -39115,7 +39115,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -39128,7 +39128,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -39176,11 +39176,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -39192,7 +39192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -39205,7 +39205,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -41434,7 +41434,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -43640,11 +43640,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt
@@ -43656,7 +43656,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -43675,7 +43675,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -43732,7 +43732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -44900,11 +44900,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -44916,7 +44916,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -44929,7 +44929,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -44977,11 +44977,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -44993,7 +44993,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -45006,7 +45006,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -45055,7 +45055,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -45322,7 +45322,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -45370,7 +45370,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="1 Line"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA NVRqI"
+                                                    className="sc-bTRMho cyqbfo"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -45397,7 +45397,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -45421,7 +45421,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -45532,7 +45532,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45544,10 +45544,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -45558,7 +45558,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -45570,7 +45570,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -45593,7 +45593,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -45692,7 +45692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45704,10 +45704,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -45718,7 +45718,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -45730,7 +45730,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -45753,7 +45753,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -45852,7 +45852,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45864,10 +45864,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -45878,7 +45878,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -45890,7 +45890,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -45913,7 +45913,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -48564,7 +48564,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -51182,11 +51182,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 3
@@ -51198,7 +51198,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -51217,7 +51217,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -51274,7 +51274,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -52648,11 +52648,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -52664,7 +52664,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -52677,7 +52677,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -52725,11 +52725,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -52741,7 +52741,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -52754,7 +52754,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -52803,7 +52803,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -52914,7 +52914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -52962,7 +52962,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA bFfeuI"
+                                                    className="sc-bTRMho jinUgQ"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -52989,7 +52989,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53013,7 +53013,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -53124,7 +53124,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53180,7 +53180,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53279,7 +53279,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53335,7 +53335,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53434,7 +53434,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53490,7 +53490,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53649,7 +53649,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -53697,7 +53697,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -53724,7 +53724,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53748,7 +53748,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -53859,7 +53859,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53871,10 +53871,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -53885,7 +53885,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -53897,7 +53897,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -53920,7 +53920,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54019,7 +54019,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54075,7 +54075,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54174,7 +54174,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54230,7 +54230,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54389,7 +54389,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -54437,7 +54437,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA bFfeuI"
+                                                    className="sc-bTRMho jinUgQ"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -54464,7 +54464,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -54488,7 +54488,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -54599,7 +54599,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54655,7 +54655,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54754,7 +54754,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54810,7 +54810,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54909,7 +54909,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54965,7 +54965,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55189,7 +55189,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55237,7 +55237,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55264,7 +55264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -55288,7 +55288,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -55399,7 +55399,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55455,7 +55455,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55554,7 +55554,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55610,7 +55610,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55709,7 +55709,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55765,7 +55765,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55924,7 +55924,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55972,7 +55972,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55999,7 +55999,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56023,7 +56023,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -56134,7 +56134,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56190,7 +56190,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56289,7 +56289,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56345,7 +56345,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56444,7 +56444,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56500,7 +56500,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56633,7 +56633,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -56681,7 +56681,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -56708,7 +56708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56732,7 +56732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -56843,7 +56843,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56899,7 +56899,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56998,7 +56998,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57054,7 +57054,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57153,7 +57153,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57209,7 +57209,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57362,15 +57362,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <styled.div>
                               <div
-                                className="sc-hFXoIY jfMSdz"
+                                className="sc-iuAqRD gAoDco"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iuAqRD ffydil"
+                                    className="sc-DJgqy jIxkFu"
                                   >
                                     <IconWithText
                                       icon={
@@ -57405,7 +57405,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -57451,7 +57451,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-dwqccx bGdJor"
+                                      className="sc-gUUBao eMZwka"
                                     >
                                       <FormattedMessage
                                         id="components.NearbyView.distanceAway"
@@ -57470,7 +57470,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                             </styled.div>
                             <styled.div>
                               <div
-                                className="sc-gUUBao dCmAkv"
+                                className="sc-hJxDiT gGpYuf"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -57544,11 +57544,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-aKXVD bNLtzV"
+                                                      className="sc-kmATbt bhVrag"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-aKXVD bNLtzV"
+                                                        className="sc-kmATbt bhVrag"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -57560,7 +57560,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -57573,7 +57573,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -57621,11 +57621,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <MapMarkerAlt
-                                                      className="sc-cvJIAo esTqCF"
+                                                      className="sc-dkmKIT cEQWzV"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-cvJIAo esTqCF"
+                                                        className="sc-dkmKIT cEQWzV"
                                                         iconAttrs={
                                                           Object {
                                                             "fill": "currentColor",
@@ -57637,7 +57637,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <ForwardRef
-                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                           iconAttrs={
                                                             Object {
                                                               "fill": "currentColor",
@@ -57650,7 +57650,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <svg
                                                             aria-hidden="true"
-                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                             fill="currentColor"
                                                             focusable="false"
                                                             height="0.9em"
@@ -59983,7 +59983,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-ehsPLh kxBipD"
+                            className="sc-hFXoIY cxosZU"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -62293,11 +62293,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-hFXoIY jfMSdz"
+                                    className="sc-iuAqRD gAoDco"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iuAqRD ffydil"
+                                        className="sc-DJgqy jIxkFu"
                                       >
                                         <span>
                                           NE 65th St & 14th Ave NE
@@ -62309,7 +62309,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-dwqccx bGdJor"
+                                          className="sc-gUUBao eMZwka"
                                         >
                                           <FormattedMessage
                                             id="components.NearbyView.distanceAway"
@@ -62328,7 +62328,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 </styled.div>
                                 <styled.div>
                                   <div
-                                    className="sc-gUUBao dCmAkv"
+                                    className="sc-hJxDiT gGpYuf"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -62385,7 +62385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -63605,11 +63605,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-aKXVD bNLtzV"
+                                                          className="sc-kmATbt bhVrag"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-aKXVD bNLtzV"
+                                                            className="sc-kmATbt bhVrag"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -63621,7 +63621,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -63634,7 +63634,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-aKXVD bNLtzV"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kmATbt bhVrag"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -63682,11 +63682,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <MapMarkerAlt
-                                                          className="sc-cvJIAo esTqCF"
+                                                          className="sc-dkmKIT cEQWzV"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-cvJIAo esTqCF"
+                                                            className="sc-dkmKIT cEQWzV"
                                                             iconAttrs={
                                                               Object {
                                                                 "fill": "currentColor",
@@ -63698,7 +63698,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             size="0.9em"
                                                           >
                                                             <ForwardRef
-                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                               iconAttrs={
                                                                 Object {
                                                                   "fill": "currentColor",
@@ -63711,7 +63711,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                             >
                                                               <svg
                                                                 aria-hidden="true"
-                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cvJIAo esTqCF"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-dkmKIT cEQWzV"
                                                                 fill="currentColor"
                                                                 focusable="false"
                                                                 height="0.9em"
@@ -63760,7 +63760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               <div />
                               <styled.ul>
                                 <ul
-                                  className="sc-liccgK cELqZs"
+                                  className="sc-cuWdqJ jWwXYb"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -63936,7 +63936,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -63984,7 +63984,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64011,7 +64011,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64035,7 +64035,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -64146,7 +64146,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64158,10 +64158,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -64172,7 +64172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -64184,7 +64184,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -64207,7 +64207,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64306,7 +64306,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64318,10 +64318,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -64332,7 +64332,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -64344,7 +64344,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -64367,7 +64367,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64466,7 +64466,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64522,7 +64522,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64746,7 +64746,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -64794,7 +64794,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64821,7 +64821,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64845,7 +64845,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -64956,7 +64956,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64968,10 +64968,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -64982,7 +64982,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -64994,7 +64994,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -65017,7 +65017,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65116,7 +65116,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65172,7 +65172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65271,7 +65271,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65327,7 +65327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65486,7 +65486,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-gfaqzF lnhCXy"
+                                        className="sc-clhTte ctsdph"
                                       >
                                         <div
                                           className="header stop-view"
@@ -65534,7 +65534,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-fTACoA MLrMk"
+                                                    className="sc-bTRMho hKYjYQ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -65561,7 +65561,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-clhTte dZqpkF"
+                                              className="sc-kJFuxL eQoNJh"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -65585,7 +65585,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -65696,7 +65696,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65708,10 +65708,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-kJFuxL hzGcQZ"
+                                                              className="sc-cipXqI jrJCvd"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-kJFuxL hzGcQZ"
+                                                                className="sc-cipXqI jrJCvd"
                                                                 iconAttrs={
                                                                   Object {
                                                                     "fill": "currentColor",
@@ -65722,7 +65722,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 iconViewBox="0 0 448 512"
                                                               >
                                                                 <ForwardRef
-                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                   iconAttrs={
                                                                     Object {
                                                                       "fill": "currentColor",
@@ -65734,7 +65734,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                                 >
                                                                   <svg
                                                                     aria-hidden="true"
-                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-kJFuxL hzGcQZ"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-cipXqI jrJCvd"
                                                                     fill="currentColor"
                                                                     focusable="false"
                                                                     viewBox="0 0 448 512"
@@ -65757,7 +65757,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65856,7 +65856,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65912,7 +65912,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -66011,7 +66011,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -66067,7 +66067,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-hkwmXC eVsZcu"
+                                                            className="sc-bSFUlv gQvqxk"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
diff --git a/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap b/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
index 40efcb9b9..888e4ad46 100644
--- a/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
+++ b/__tests__/components/viewers/__snapshots__/stop-schedule-viewer.ts.snap
@@ -211,7 +211,7 @@ exports[`components > viewers > stop viewer should render with initial stop id a
                         >
                           <Styled(styled.span)>
                             <span
-                              className="sc-dkAqVg sc-jifHHV dwdQnb czUBjn"
+                              className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
                             >
                               <ArrowLeft>
                                 <StyledIconBase
@@ -267,11 +267,11 @@ exports[`components > viewers > stop viewer should render with initial stop id a
                 </div>
                 <styled.div>
                   <div
-                    className="sc-gUUBao kMeMAw"
+                    className="sc-hJxDiT dbjOgr"
                   >
                     <styled.div>
                       <div
-                        className="sc-edoYdd jGAQLh"
+                        className="sc-jlIlqL sdJoA"
                       >
                         <h1>
                           <FormattedMessage