From 57cdf2b3497ad3455d66317aae9e2cf9f4a05426 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 10:28:08 -0500
Subject: [PATCH 01/12] Update building-blocks with new dropdown import

---
 lib/components/app/desktop-nav.tsx            |  19 ++
 lib/components/app/locale-selector.tsx        |   3 +-
 .../narrative-itineraries-header.tsx          |   6 +-
 lib/components/user/nav-login-button.css      |   5 +
 lib/components/user/nav-login-button.tsx      |   3 +-
 lib/components/util/dropdown.tsx              | 192 ------------------
 lib/components/viewers/route-details.tsx      |   2 +-
 7 files changed, 32 insertions(+), 198 deletions(-)
 delete mode 100644 lib/components/util/dropdown.tsx

diff --git a/lib/components/app/desktop-nav.tsx b/lib/components/app/desktop-nav.tsx
index cd877b1b8..4dfb59ec9 100644
--- a/lib/components/app/desktop-nav.tsx
+++ b/lib/components/app/desktop-nav.tsx
@@ -31,6 +31,25 @@ const StyledNav = styled(Nav)`
     margin-left: 5px;
     margin-right: -10px;
   }
+
+  .navBarItem {
+    position: static;
+    & > button {
+      background: transparent;
+      border: none;
+      color: white;
+      padding: 15px;
+
+      @media (max-width: 768px) {
+        padding: 10px;
+      }
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.05);
+        color: #ececec;
+      }
+    }
+  }
 `
 
 const NavItemOnLargeScreens = styled(NavbarItem)`
diff --git a/lib/components/app/locale-selector.tsx b/lib/components/app/locale-selector.tsx
index a3681fe86..c5147b703 100644
--- a/lib/components/app/locale-selector.tsx
+++ b/lib/components/app/locale-selector.tsx
@@ -1,10 +1,10 @@
 import { connect } from 'react-redux'
+import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
 import { GlobeAmericas } from '@styled-icons/fa-solid/GlobeAmericas'
 import { useIntl } from 'react-intl'
 import React from 'react'
 
 import * as uiActions from '../../actions/ui'
-import { Dropdown } from '../util/dropdown'
 import { getLanguageOptions } from '../../util/i18n'
 import { UnstyledButton } from '../util/unstyled-button'
 
@@ -23,6 +23,7 @@ const LocaleSelector = (props: LocaleSelectorProps): JSX.Element | null => {
   return languageOptions ? (
     <li>
       <Dropdown
+        className="navBarItem"
         id="locale-selector"
         label={intl.formatMessage({ id: 'components.SubNav.selectALanguage' })}
         listLabel={intl.formatMessage({ id: 'components.SubNav.languages' })}
diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
index 6d9615510..31842c775 100644
--- a/lib/components/narrative/narrative-itineraries-header.tsx
+++ b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -1,5 +1,6 @@
 /* eslint-disable complexity */
 import { ArrowLeft } from '@styled-icons/fa-solid/ArrowLeft'
+import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
 import { ExclamationTriangle } from '@styled-icons/fa-solid/ExclamationTriangle'
 import { FormattedMessage, useIntl } from 'react-intl'
 import { Itinerary } from '@opentripplanner/types'
@@ -11,7 +12,6 @@ import styled from 'styled-components'
 import { IconWithText, StyledIconWrapper } from '../util/styledIcon'
 import { ItinerarySortOption } from '../../util/config-types'
 import { sortOptions } from '../util/sortOptions'
-import { SortResultsDropdown } from '../util/dropdown'
 import { UnstyledButton } from '../util/unstyled-button'
 import InvisibleA11yLabel from '../util/invisible-a11y-label'
 import PopupTriggerText from '../app/popup-trigger-text'
@@ -206,7 +206,7 @@ export default function NarrativeItinerariesHeader({
                 )}
               </StyledIconWrapper>
             </button>
-            <SortResultsDropdown
+            <Dropdown
               id="sort-results"
               label={sortResultsLabel}
               name={sortText}
@@ -223,7 +223,7 @@ export default function NarrativeItinerariesHeader({
                   </UnstyledButton>
                 </li>
               ))}
-            </SortResultsDropdown>
+            </Dropdown>
           </ItinerariesHeaderContainer>
           <PlanFirstLastButtons />
         </>
diff --git a/lib/components/user/nav-login-button.css b/lib/components/user/nav-login-button.css
index 45fdc3bad..6555038aa 100644
--- a/lib/components/user/nav-login-button.css
+++ b/lib/components/user/nav-login-button.css
@@ -25,6 +25,11 @@
   background-color: #080808;
 }
 
+li.header {
+  padding: 5px 15px;
+  font-weight: 600;
+}
+
 #app-menu-locale-selector {
   display: none;
 }
diff --git a/lib/components/user/nav-login-button.tsx b/lib/components/user/nav-login-button.tsx
index c4dbf93f9..3ea68f1c2 100644
--- a/lib/components/user/nav-login-button.tsx
+++ b/lib/components/user/nav-login-button.tsx
@@ -1,11 +1,11 @@
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
+import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
 import { FormattedMessage, useIntl } from 'react-intl'
 import { User } from '@auth0/auth0-react'
 import { User as UserIcon } from '@styled-icons/fa-regular/User'
 import React, { HTMLAttributes } from 'react'
 import styled from 'styled-components'
 
-import { Dropdown } from '../util/dropdown'
 import { NewWindowIconA11y } from '../util/externalLink'
 import { UnstyledButton } from '../util/unstyled-button'
 import InvisibleA11yLabel from '../util/invisible-a11y-label'
@@ -64,6 +64,7 @@ const NavLoginButton = ({
     return (
       <li>
         <Dropdown
+          className="navBarItem"
           id="user-selector"
           label={intl.formatMessage({ id: 'components.SubNav.userMenu' })}
           name={
diff --git a/lib/components/util/dropdown.tsx b/lib/components/util/dropdown.tsx
deleted file mode 100644
index db7d51215..000000000
--- a/lib/components/util/dropdown.tsx
+++ /dev/null
@@ -1,192 +0,0 @@
-import React, {
-  HTMLAttributes,
-  KeyboardEvent,
-  useCallback,
-  useEffect,
-  useRef,
-  useState
-} from 'react'
-
-import { DARK_TEXT_GREY } from './colors'
-import { getEntryRelativeTo } from './get-entry-relative-to'
-import { NavbarButton } from '../app/nav-item'
-import styled from 'styled-components'
-
-interface Props extends HTMLAttributes<HTMLElement> {
-  id: string
-  label?: string
-  listLabel?: string
-  name?: JSX.Element | string
-  nav?: boolean
-  pullRight?: boolean
-}
-
-const DropdownButton = styled(NavbarButton)``
-
-const DropdownMenu = styled.ul`
-  background-clip: padding-box;
-  background-color: #fff;
-  border-radius: 4px;
-  border: 1px solid rgba(0, 0, 0, 0.15);
-  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
-  color: ${DARK_TEXT_GREY};
-  list-style: none;
-  margin: 2px 0 0;
-  min-width: 160px;
-  padding: 5px 0;
-  position: absolute;
-  right: 0;
-  top: 100%;
-  width: 100%;
-  z-index: 1000;
-
-  hr {
-    margin: 0;
-    padding: 0;
-  }
-  a,
-  button,
-  li.header {
-    padding: 5px 15px;
-    text-align: start;
-    width: 100%;
-  }
-  a,
-  button {
-    cursor: pointer;
-  }
-  li.header {
-    cursor: default;
-    font-weight: 600;
-  }
-  li:not(.header):hover {
-    background: rgba(0, 0, 0, 0.1);
-  }
-`
-
-/**
- * Renders a dropdown menu. By default, only a passed "name" is rendered. If clicked,
- * a floating div is rendered below the "name" with list contents inside. Clicking anywhere
- * outside the floating div will close the dropdown.
- */
-export const Dropdown = ({
-  children,
-  className,
-  id,
-  label,
-  listLabel,
-  name,
-  pullRight,
-  style
-}: Props): JSX.Element => {
-  const [open, setOpen] = useState(false)
-  const containerRef = useRef<HTMLLIElement>(null)
-
-  const toggleOpen = useCallback(() => setOpen(!open), [open, setOpen])
-
-  // Argument for document.querySelectorAll to target focusable elements.
-  const queryId = `#${id} button, #${id}-label`
-
-  // Adding document event listeners allows us to close the dropdown
-  // when the user interacts with any part of the page that isn't the dropdown
-  useEffect(() => {
-    const handleExternalAction = (e: Event): void => {
-      if (!containerRef?.current?.contains(e.target as HTMLElement)) {
-        setOpen(false)
-      }
-    }
-    document.addEventListener('mousedown', handleExternalAction)
-    document.addEventListener('focusin', handleExternalAction)
-    document.addEventListener('keydown', handleExternalAction)
-    return () => {
-      document.removeEventListener('mousedown', handleExternalAction)
-      document.removeEventListener('focusin', handleExternalAction)
-      document.removeEventListener('keydown', handleExternalAction)
-    }
-  }, [containerRef])
-
-  const _handleKeyDown = useCallback(
-    (e: KeyboardEvent): void => {
-      const element = e.target as HTMLElement
-      switch (e.key) {
-        case 'ArrowUp':
-          e.preventDefault()
-          getEntryRelativeTo(queryId, element, -1)?.focus()
-          break
-        case 'ArrowDown':
-          e.preventDefault()
-          getEntryRelativeTo(queryId, element, 1)?.focus()
-          break
-        case 'Escape':
-          setOpen(false)
-          break
-        case ' ':
-        case 'Enter':
-          e.preventDefault()
-          element.click()
-          if (element.id === `${id}-label` || element.id === `${id}-wrapper`) {
-            toggleOpen()
-          }
-          break
-        default:
-      }
-    },
-    [id, toggleOpen]
-  )
-
-  return (
-    <span
-      className={className}
-      id={`${id}-wrapper`}
-      onKeyDown={_handleKeyDown}
-      ref={containerRef}
-      role="presentation"
-      style={{ float: pullRight ? 'right' : 'left' }}
-    >
-      <DropdownButton
-        // Only set aria-controls when the dropdown is open
-        // (otherwise, assistive technologies may not announce the dropdown correctly).
-        aria-controls={open ? id : undefined}
-        aria-expanded={open}
-        aria-haspopup="listbox"
-        aria-label={label}
-        className={`${open && 'active'}`}
-        id={`${id}-label`}
-        onClick={toggleOpen}
-        style={style}
-        tabIndex={0}
-        title={label}
-      >
-        <span>{name}</span>
-        <span className="caret" role="presentation" />
-      </DropdownButton>
-      {open && (
-        <DropdownMenu
-          aria-label={listLabel}
-          aria-labelledby={listLabel ? undefined : `${id}-label`}
-          id={id}
-          onClick={toggleOpen}
-          role="list"
-          tabIndex={-1}
-        >
-          {children}
-        </DropdownMenu>
-      )}
-    </span>
-  )
-}
-
-export const SortResultsDropdown = styled(Dropdown)`
-  position: relative;
-
-  ${DropdownButton} {
-    background: #fff;
-    border-radius: 5px;
-    color: inherit;
-    padding: 3px 7px;
-
-    span.caret {
-      color: inherit;
-    }
-  }
-`
diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index 594ea31a4..63e3b235d 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -1,6 +1,7 @@
 import { connect } from 'react-redux'
 import { FormattedMessage, injectIntl, IntlShape } from 'react-intl'
 import { getMostReadableTextColor } from '@opentripplanner/core-utils/lib/route'
+import { SortResultsDropdown } from '@opentripplanner/building-blocks/lib/dropdown'
 import { Stop, TransitOperator } from '@opentripplanner/types'
 import React, { Component } from 'react'
 import styled from 'styled-components'
@@ -16,7 +17,6 @@ import {
   SetViewedStopHandler,
   ViewedRouteObject
 } from '../util/types'
-import { SortResultsDropdown } from '../util/dropdown'
 import { UnstyledButton } from '../util/unstyled-button'
 
 import {

From 2db75934f938ebba90a0174f4edd2f18ebe68be7 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 10:34:19 -0500
Subject: [PATCH 02/12] fix: update imports. use text prop name.

---
 lib/components/app/locale-selector.tsx                 |  4 ++--
 .../narrative/narrative-itineraries-header.tsx         |  4 ++--
 lib/components/user/nav-login-button.tsx               |  5 ++---
 lib/components/viewers/route-details.tsx               | 10 +++++-----
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/lib/components/app/locale-selector.tsx b/lib/components/app/locale-selector.tsx
index c5147b703..6e410aa6a 100644
--- a/lib/components/app/locale-selector.tsx
+++ b/lib/components/app/locale-selector.tsx
@@ -1,5 +1,5 @@
 import { connect } from 'react-redux'
-import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
+import { Dropdown } from '@opentripplanner/building-blocks'
 import { GlobeAmericas } from '@styled-icons/fa-solid/GlobeAmericas'
 import { useIntl } from 'react-intl'
 import React from 'react'
@@ -27,8 +27,8 @@ const LocaleSelector = (props: LocaleSelectorProps): JSX.Element | null => {
         id="locale-selector"
         label={intl.formatMessage({ id: 'components.SubNav.selectALanguage' })}
         listLabel={intl.formatMessage({ id: 'components.SubNav.languages' })}
-        name={<GlobeAmericas />}
         style={{ display: 'block ruby' }}
+        text={<GlobeAmericas />}
       >
         {Object.keys(languageOptions).map((locale: string) => (
           <li key={locale} lang={locale}>
diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
index 31842c775..6b59f5f37 100644
--- a/lib/components/narrative/narrative-itineraries-header.tsx
+++ b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable complexity */
 import { ArrowLeft } from '@styled-icons/fa-solid/ArrowLeft'
-import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
+import { Dropdown } from '@opentripplanner/building-blocks'
 import { ExclamationTriangle } from '@styled-icons/fa-solid/ExclamationTriangle'
 import { FormattedMessage, useIntl } from 'react-intl'
 import { Itinerary } from '@opentripplanner/types'
@@ -209,7 +209,7 @@ export default function NarrativeItinerariesHeader({
             <Dropdown
               id="sort-results"
               label={sortResultsLabel}
-              name={sortText}
+              text={sortText}
               title={sortResultsLabel}
             >
               {sortOptionsArr.map((sortOption) => (
diff --git a/lib/components/user/nav-login-button.tsx b/lib/components/user/nav-login-button.tsx
index 3ea68f1c2..0f3df55e6 100644
--- a/lib/components/user/nav-login-button.tsx
+++ b/lib/components/user/nav-login-button.tsx
@@ -1,5 +1,5 @@
 /* eslint-disable jsx-a11y/no-noninteractive-tabindex */
-import { Dropdown } from '@opentripplanner/building-blocks/lib/dropdown'
+import { Dropdown } from '@opentripplanner/building-blocks'
 import { FormattedMessage, useIntl } from 'react-intl'
 import { User } from '@auth0/auth0-react'
 import { User as UserIcon } from '@styled-icons/fa-regular/User'
@@ -67,7 +67,7 @@ const NavLoginButton = ({
           className="navBarItem"
           id="user-selector"
           label={intl.formatMessage({ id: 'components.SubNav.userMenu' })}
-          name={
+          text={
             <span>
               <Avatar
                 alt={displayedName}
@@ -76,7 +76,6 @@ const NavLoginButton = ({
               />
             </span>
           }
-          pullRight
         >
           <li className="header">{displayedName}</li>
 
diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index 63e3b235d..fcc770f2b 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
+import { Dropdown } from '@opentripplanner/building-blocks'
 import { FormattedMessage, injectIntl, IntlShape } from 'react-intl'
 import { getMostReadableTextColor } from '@opentripplanner/core-utils/lib/route'
-import { SortResultsDropdown } from '@opentripplanner/building-blocks/lib/dropdown'
 import { Stop, TransitOperator } from '@opentripplanner/types'
 import React, { Component } from 'react'
 import styled from 'styled-components'
@@ -149,12 +149,12 @@ class RouteDetails extends Component<Props> {
             <HeadsignSelectLabel htmlFor="headsign-selector-label">
               <FormattedMessage id="components.RouteDetails.stopsTo" />
             </HeadsignSelectLabel>
-            <SortResultsDropdown
+            <Dropdown
+              alignMenuLeft
               id="headsign-selector"
               label={patternSelectLabel}
-              name={patternSelectName}
-              pullRight
               style={{ color: 'black' }}
+              text={patternSelectName}
             >
               {headsigns.map((h: PatternSummary) => (
                 <li key={h.id}>
@@ -166,7 +166,7 @@ class RouteDetails extends Component<Props> {
                   </PatternSelectButton>
                 </li>
               ))}
-            </SortResultsDropdown>
+            </Dropdown>
           </PatternContainer>
         )}
         {pattern && (

From 40a8d37f8f2c7a57239b41d89c9310aa09b9df6c Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 10:36:43 -0500
Subject: [PATCH 03/12] fix(route-details): override color inherit

---
 lib/components/app/desktop-nav.tsx       |  1 +
 lib/components/user/nav-login-button.css |  9 ++-
 lib/components/user/nav-login-button.tsx | 73 ++++++++++++------------
 lib/components/viewers/route-details.tsx | 11 +++-
 4 files changed, 55 insertions(+), 39 deletions(-)

diff --git a/lib/components/app/desktop-nav.tsx b/lib/components/app/desktop-nav.tsx
index 4dfb59ec9..f9a265b86 100644
--- a/lib/components/app/desktop-nav.tsx
+++ b/lib/components/app/desktop-nav.tsx
@@ -39,6 +39,7 @@ const StyledNav = styled(Nav)`
       border: none;
       color: white;
       padding: 15px;
+      line-height: 20px;
 
       @media (max-width: 768px) {
         padding: 10px;
diff --git a/lib/components/user/nav-login-button.css b/lib/components/user/nav-login-button.css
index 6555038aa..e1e9c1b68 100644
--- a/lib/components/user/nav-login-button.css
+++ b/lib/components/user/nav-login-button.css
@@ -25,9 +25,16 @@
   background-color: #080808;
 }
 
-li.header {
+p {
   padding: 5px 15px;
+  margin: 0;
   font-weight: 600;
+  font-size: 16px;
+}
+
+ul {
+  list-style: none;
+  padding-inline-start: 0;
 }
 
 #app-menu-locale-selector {
diff --git a/lib/components/user/nav-login-button.tsx b/lib/components/user/nav-login-button.tsx
index 0f3df55e6..effee8aab 100644
--- a/lib/components/user/nav-login-button.tsx
+++ b/lib/components/user/nav-login-button.tsx
@@ -77,49 +77,50 @@ const NavLoginButton = ({
             </span>
           }
         >
-          <li className="header">{displayedName}</li>
-
-          {links &&
-            links.map((link, i) => {
-              if (link.url.startsWith('http')) {
+          <p>{displayedName}</p>
+          <ul>
+            {links &&
+              links.map((link, i) => {
+                if (link.url.startsWith('http')) {
+                  return (
+                    <li key={link.url}>
+                      <NavUnstyledLink
+                        // Bypass our Link component and directly render an <a> element here,
+                        // so that the link works even when running the app locally.
+                        as="a"
+                        href={link.url}
+                        target="_blank"
+                      >
+                        <FormattedMessage id="components.NavLoginButton.help" />
+                        <NewWindowIconA11y
+                          size={12}
+                          style={{ marginLeft: '5px', marginTop: '-3px' }}
+                        />
+                      </NavUnstyledLink>
+                    </li>
+                  )
+                }
                 return (
                   <li key={link.url}>
-                    <NavUnstyledLink
-                      // Bypass our Link component and directly render an <a> element here,
-                      // so that the link works even when running the app locally.
-                      as="a"
-                      href={link.url}
-                      target="_blank"
-                    >
-                      <FormattedMessage id="components.NavLoginButton.help" />
-                      <NewWindowIconA11y
-                        size={12}
-                        style={{ marginLeft: '5px', marginTop: '-3px' }}
-                      />
+                    <NavUnstyledLink to={link.url}>
+                      {link.messageId === 'myAccount' ? ( // messageId is 'myAccount' or 'help'
+                        <FormattedMessage id="components.NavLoginButton.myAccount" />
+                      ) : (
+                        <FormattedMessage id="components.NavLoginButton.help" />
+                      )}
                     </NavUnstyledLink>
                   </li>
                 )
-              }
-              return (
-                <li key={link.url}>
-                  <NavUnstyledLink to={link.url}>
-                    {link.messageId === 'myAccount' ? ( // messageId is 'myAccount' or 'help'
-                      <FormattedMessage id="components.NavLoginButton.myAccount" />
-                    ) : (
-                      <FormattedMessage id="components.NavLoginButton.help" />
-                    )}
-                  </NavUnstyledLink>
-                </li>
-              )
-            })}
+              })}
 
-          <hr role="presentation" />
+            <hr role="presentation" />
 
-          <li>
-            <UnstyledButton onClick={onSignOutClick}>
-              <FormattedMessage id="components.NavLoginButton.signOut" />
-            </UnstyledButton>
-          </li>
+            <li>
+              <UnstyledButton onClick={onSignOutClick}>
+                <FormattedMessage id="components.NavLoginButton.signOut" />
+              </UnstyledButton>
+            </li>
+          </ul>
         </Dropdown>
       </li>
     )
diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index fcc770f2b..cf2260a19 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -38,6 +38,13 @@ const PatternSelectButton = styled(UnstyledButton)`
   }
 `
 
+const PatternSelectDropdown = styled(Dropdown)`
+  span,
+  span.caret {
+    color: #333;
+  }
+`
+
 interface Props {
   intl: IntlShape
   operator: TransitOperator
@@ -149,7 +156,7 @@ class RouteDetails extends Component<Props> {
             <HeadsignSelectLabel htmlFor="headsign-selector-label">
               <FormattedMessage id="components.RouteDetails.stopsTo" />
             </HeadsignSelectLabel>
-            <Dropdown
+            <PatternSelectDropdown
               alignMenuLeft
               id="headsign-selector"
               label={patternSelectLabel}
@@ -166,7 +173,7 @@ class RouteDetails extends Component<Props> {
                   </PatternSelectButton>
                 </li>
               ))}
-            </Dropdown>
+            </PatternSelectDropdown>
           </PatternContainer>
         )}
         {pattern && (

From dd1b8536a26ae3ba3a28392a46e628ebdf5a4da1 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 12:36:26 -0500
Subject: [PATCH 04/12] test: 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 99c8081e9..4b4269831 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-fTACoA bTJfzH nearby-view base-color-bg"
+            className="sc-eltbHq dXXgNr 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-ehsPLh bsdzfb base-color-bg"
+                className="sc-gkdBiK kgvriN 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-fTACoA bTJfzH nearby-view base-color-bg"
+            className="sc-eltbHq dXXgNr 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-ehsPLh bsdzfb base-color-bg"
+                className="sc-gkdBiK kgvriN 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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -4264,7 +4264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -4310,7 +4310,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4403,11 +4403,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -4695,7 +4695,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -4741,7 +4741,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4834,11 +4834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -5126,7 +5126,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -5172,7 +5172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -5265,11 +5265,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -10014,11 +10014,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 2
@@ -10030,7 +10030,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -10106,7 +10106,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -11326,11 +11326,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -11657,7 +11657,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -11705,7 +11705,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -11732,7 +11732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -11756,7 +11756,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -11867,7 +11867,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -11879,10 +11879,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12027,7 +12027,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12039,10 +12039,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12187,7 +12187,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12243,7 +12243,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12467,7 +12467,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -12515,7 +12515,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -12542,7 +12542,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -12566,7 +12566,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -12677,7 +12677,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12689,10 +12689,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12837,7 +12837,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -12893,7 +12893,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -12992,7 +12992,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13048,7 +13048,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13207,7 +13207,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -13255,7 +13255,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -13282,7 +13282,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -13306,7 +13306,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -13417,7 +13417,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13429,10 +13429,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13577,7 +13577,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13633,7 +13633,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -13732,7 +13732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -13788,7 +13788,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -15327,7 +15327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -16833,11 +16833,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <span>
                                           Roosevelt
@@ -16849,7 +16849,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -16925,7 +16925,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -17743,11 +17743,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -18009,7 +18009,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <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-bTRMho cyqbfo"
+                                                    className="sc-kiYsuf bPXUkp"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18084,7 +18084,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18108,7 +18108,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -18219,7 +18219,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18275,7 +18275,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18374,7 +18374,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18430,7 +18430,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18529,7 +18529,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18585,7 +18585,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -18692,7 +18692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <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-bTRMho cyqbfo"
+                                                    className="sc-kiYsuf bPXUkp"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18767,7 +18767,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18791,7 +18791,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -18902,7 +18902,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -18958,7 +18958,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19182,7 +19182,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <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-bTRMho cyqbfo"
+                                                    className="sc-kiYsuf bPXUkp"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -19257,7 +19257,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -19281,7 +19281,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -19392,7 +19392,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19448,7 +19448,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19547,7 +19547,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19603,7 +19603,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19702,7 +19702,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -19758,7 +19758,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="saturday"
@@ -19911,15 +19911,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -19954,7 +19954,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20000,7 +20000,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20093,11 +20093,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -20385,7 +20385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20431,7 +20431,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20524,11 +20524,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -20816,7 +20816,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -20862,7 +20862,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20955,11 +20955,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -26320,11 +26320,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 1
@@ -26336,7 +26336,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -26412,7 +26412,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -27786,11 +27786,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -28117,7 +28117,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28165,7 +28165,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -28192,7 +28192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -28216,7 +28216,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -28327,7 +28327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28339,10 +28339,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28487,7 +28487,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28499,10 +28499,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28647,7 +28647,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -28703,7 +28703,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -28940,7 +28940,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28988,7 +28988,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29015,7 +29015,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29039,7 +29039,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -29150,7 +29150,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29162,10 +29162,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29310,7 +29310,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29366,7 +29366,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29465,7 +29465,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29477,10 +29477,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -29685,7 +29685,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -29733,7 +29733,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29760,7 +29760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29784,7 +29784,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -29895,7 +29895,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -29951,7 +29951,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30050,7 +30050,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30106,7 +30106,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30205,7 +30205,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30261,7 +30261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30368,7 +30368,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -30416,7 +30416,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="988"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -30443,7 +30443,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -30467,7 +30467,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -30578,7 +30578,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -30634,7 +30634,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -30787,15 +30787,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -30830,7 +30830,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -30876,7 +30876,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -30969,11 +30969,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -31261,7 +31261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -31307,7 +31307,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31400,11 +31400,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -31692,7 +31692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -31738,7 +31738,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31831,11 +31831,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -32123,7 +32123,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -32169,7 +32169,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32262,11 +32262,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -32554,7 +32554,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -32600,7 +32600,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32693,11 +32693,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -35834,11 +35834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <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-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -35926,7 +35926,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -36744,11 +36744,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -37010,7 +37010,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37058,7 +37058,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37085,7 +37085,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37109,7 +37109,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -37220,7 +37220,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37232,10 +37232,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37380,7 +37380,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37436,7 +37436,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37535,7 +37535,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -37591,7 +37591,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -37815,7 +37815,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37863,7 +37863,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37890,7 +37890,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37914,7 +37914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -38025,7 +38025,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38081,7 +38081,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38180,7 +38180,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38236,7 +38236,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38335,7 +38335,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38391,7 +38391,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38498,7 +38498,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -38546,7 +38546,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="984"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -38573,7 +38573,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -38597,7 +38597,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -38708,7 +38708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -38764,7 +38764,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -38917,15 +38917,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -38960,7 +38960,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -39006,7 +39006,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -39099,11 +39099,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -43640,11 +43640,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <span>
                                           Roosevelt
@@ -43656,7 +43656,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -43732,7 +43732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -44900,11 +44900,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -45322,7 +45322,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <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-bTRMho cyqbfo"
+                                                    className="sc-kiYsuf bPXUkp"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -45397,7 +45397,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -45421,7 +45421,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -45532,7 +45532,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45544,10 +45544,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -45692,7 +45692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45704,10 +45704,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -45852,7 +45852,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -45864,10 +45864,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -48564,7 +48564,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -51182,11 +51182,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 3
@@ -51198,7 +51198,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -51274,7 +51274,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -52648,11 +52648,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -52914,7 +52914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -52962,7 +52962,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho jinUgQ"
+                                                    className="sc-kiYsuf dHJGRB"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -52989,7 +52989,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53013,7 +53013,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -53124,7 +53124,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53180,7 +53180,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53279,7 +53279,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53335,7 +53335,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53434,7 +53434,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53490,7 +53490,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -53649,7 +53649,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -53697,7 +53697,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -53724,7 +53724,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53748,7 +53748,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -53859,7 +53859,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -53871,10 +53871,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54019,7 +54019,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54075,7 +54075,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54174,7 +54174,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54230,7 +54230,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54389,7 +54389,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -54437,7 +54437,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho jinUgQ"
+                                                    className="sc-kiYsuf dHJGRB"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -54464,7 +54464,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -54488,7 +54488,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -54599,7 +54599,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54655,7 +54655,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54754,7 +54754,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54810,7 +54810,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -54909,7 +54909,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -54965,7 +54965,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55189,7 +55189,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55237,7 +55237,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55264,7 +55264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -55288,7 +55288,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -55399,7 +55399,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55455,7 +55455,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55554,7 +55554,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55610,7 +55610,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55709,7 +55709,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -55765,7 +55765,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -55924,7 +55924,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55972,7 +55972,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55999,7 +55999,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56023,7 +56023,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -56134,7 +56134,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56190,7 +56190,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56289,7 +56289,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56345,7 +56345,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56444,7 +56444,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56500,7 +56500,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56633,7 +56633,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -56681,7 +56681,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -56708,7 +56708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56732,7 +56732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -56843,7 +56843,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -56899,7 +56899,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -56998,7 +56998,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57054,7 +57054,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57153,7 +57153,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -57209,7 +57209,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -57362,15 +57362,15 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                       >
                         <styled.div>
                           <div
-                            className="sc-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <styled.div>
                               <div
-                                className="sc-iuAqRD gAoDco"
+                                className="sc-eWVLlQ hxYWfL"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-DJgqy jIxkFu"
+                                    className="sc-iGculD jSZWqX"
                                   >
                                     <IconWithText
                                       icon={
@@ -57405,7 +57405,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                           >
                                             <StationIcon
                                               companyLabel=""
@@ -57451,7 +57451,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                 >
                                   <styled.p>
                                     <p
-                                      className="sc-gUUBao eMZwka"
+                                      className="sc-eWvPqa jiKpSN"
                                     >
                                       <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-hJxDiT gGpYuf"
+                                className="sc-kUbgcP bfjwRc"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -57544,11 +57544,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-Azgjq cvPmYm"
+                                                      className="sc-gsxoIA dIkCay"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-Azgjq cvPmYm"
+                                                        className="sc-gsxoIA dIkCay"
                                                         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-Azgjq cvPmYm"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                           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-Azgjq cvPmYm"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                             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-hTZgZg kyAYqR"
+                                                      className="sc-eGCaLh goIVUl"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-hTZgZg kyAYqR"
+                                                        className="sc-eGCaLh goIVUl"
                                                         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-hTZgZg kyAYqR"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                           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-hTZgZg kyAYqR"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                             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-hFXoIY cxosZU"
+                            className="sc-flMpop MDXYt"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -62293,11 +62293,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-iuAqRD gAoDco"
+                                    className="sc-eWVLlQ hxYWfL"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-DJgqy jIxkFu"
+                                        className="sc-iGculD jSZWqX"
                                       >
                                         <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-gUUBao eMZwka"
+                                          className="sc-eWvPqa jiKpSN"
                                         >
                                           <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-hJxDiT gGpYuf"
+                                    className="sc-kUbgcP bfjwRc"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -62385,7 +62385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                 >
                                                   <Calendar>
                                                     <StyledIconBase
@@ -63605,11 +63605,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         size="0.9em"
                                                       >
                                                         <DotCircle
-                                                          className="sc-Azgjq cvPmYm"
+                                                          className="sc-gsxoIA dIkCay"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-Azgjq cvPmYm"
+                                                            className="sc-gsxoIA dIkCay"
                                                             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-Azgjq cvPmYm"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                               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-Azgjq cvPmYm"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gsxoIA dIkCay"
                                                                 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-hTZgZg kyAYqR"
+                                                          className="sc-eGCaLh goIVUl"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-hTZgZg kyAYqR"
+                                                            className="sc-eGCaLh goIVUl"
                                                             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-hTZgZg kyAYqR"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                               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-hTZgZg kyAYqR"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-eGCaLh goIVUl"
                                                                 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-cuWdqJ jWwXYb"
+                                  className="sc-jtHLbV eXgwXv"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -63936,7 +63936,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -63984,7 +63984,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64011,7 +64011,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64035,7 +64035,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -64146,7 +64146,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64158,10 +64158,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64306,7 +64306,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64318,10 +64318,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64466,7 +64466,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64522,7 +64522,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -64746,7 +64746,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -64794,7 +64794,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64821,7 +64821,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64845,7 +64845,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -64956,7 +64956,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -64968,10 +64968,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65116,7 +65116,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65172,7 +65172,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65271,7 +65271,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65327,7 +65327,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65486,7 +65486,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-clhTte ctsdph"
+                                        className="sc-iWFTwQ gWWEOl"
                                       >
                                         <div
                                           className="header stop-view"
@@ -65534,7 +65534,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-bTRMho hKYjYQ"
+                                                    className="sc-kiYsuf bSIVzZ"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -65561,7 +65561,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-kJFuxL eQoNJh"
+                                              className="sc-jLiVFv rEnam"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -65585,7 +65585,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                       >
                                                         <Calendar>
                                                           <StyledIconBase
@@ -65696,7 +65696,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.realtime"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65708,10 +65708,10 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         >
                                                           <Styled(Rss)>
                                                             <Rss
-                                                              className="sc-cipXqI jrJCvd"
+                                                              className="sc-bUrLeq jntWEO"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-cipXqI jrJCvd"
+                                                                className="sc-bUrLeq jntWEO"
                                                                 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-cipXqI jrJCvd"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                   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-cipXqI jrJCvd"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-bUrLeq jntWEO"
                                                                     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-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -65856,7 +65856,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -65912,7 +65912,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <FormattedDayOfWeek
                                                               day="friday"
@@ -66011,7 +66011,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                         title="components.StopTimeCell.scheduled"
                                                       >
                                                         <span
-                                                          className="sc-jifHHV sc-hkwmXC frJUIW gWGcte"
+                                                          className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                                                           style={
                                                             Object {
                                                               "fontSize": "0.6em",
@@ -66067,7 +66067,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                       >
                                                         <styled.span>
                                                           <span
-                                                            className="sc-bSFUlv gQvqxk"
+                                                            className="sc-kYrlTI hTfifB"
                                                           >
                                                             <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 888e4ad46..ad0e56db2 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-jifHHV sc-hkwmXC frJUIW gWGcte"
+                              className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
                             >
                               <ArrowLeft>
                                 <StyledIconBase
@@ -267,11 +267,11 @@ exports[`components > viewers > stop viewer should render with initial stop id a
                 </div>
                 <styled.div>
                   <div
-                    className="sc-hJxDiT dbjOgr"
+                    className="sc-eltbHq dRzdDq"
                   >
                     <styled.div>
                       <div
-                        className="sc-jlIlqL sdJoA"
+                        className="sc-jGVbWl gRkaSo"
                       >
                         <h1>
                           <FormattedMessage

From 9541da889fd8a292b2bb557e224e3e9e2e4dd039 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 14:00:21 -0500
Subject: [PATCH 05/12] fix(nav-login-button): only apply css to dropdown menu

---
 lib/components/user/nav-login-button.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/user/nav-login-button.css b/lib/components/user/nav-login-button.css
index e1e9c1b68..cf27fa0e0 100644
--- a/lib/components/user/nav-login-button.css
+++ b/lib/components/user/nav-login-button.css
@@ -25,14 +25,14 @@
   background-color: #080808;
 }
 
-p {
+.navBarItem > p {
   padding: 5px 15px;
   margin: 0;
   font-weight: 600;
   font-size: 16px;
 }
 
-ul {
+.navBarItem > ul {
   list-style: none;
   padding-inline-start: 0;
 }

From ca10bbdfa91e065bf429f0e639812cc6b394a011 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 16:04:52 -0500
Subject: [PATCH 06/12] fix(nav-login-button): use correct css selector

---
 lib/components/user/nav-login-button.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/user/nav-login-button.css b/lib/components/user/nav-login-button.css
index cf27fa0e0..3bb007cb1 100644
--- a/lib/components/user/nav-login-button.css
+++ b/lib/components/user/nav-login-button.css
@@ -25,14 +25,14 @@
   background-color: #080808;
 }
 
-.navBarItem > p {
+.navBarItem p {
   padding: 5px 15px;
   margin: 0;
   font-weight: 600;
   font-size: 16px;
 }
 
-.navBarItem > ul {
+.navBarItem ul {
   list-style: none;
   padding-inline-start: 0;
 }

From 8b87ac4016a627ab8c9624dfd2bd93c7bc7a5b56 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Mon, 29 Jul 2024 16:09:15 -0500
Subject: [PATCH 07/12] test: 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 4b4269831..ae77c1873 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-eltbHq dXXgNr nearby-view base-color-bg"
+            className="sc-hJxDiT glQFJm 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-gkdBiK kgvriN base-color-bg"
+                className="sc-gGTEWt jlrUaT 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-eltbHq dXXgNr nearby-view base-color-bg"
+            className="sc-hJxDiT glQFJm 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-gkdBiK kgvriN base-color-bg"
+                className="sc-gGTEWt jlrUaT 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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -4264,7 +4264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4403,11 +4403,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -4695,7 +4695,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -4834,11 +4834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -5126,7 +5126,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -5265,11 +5265,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -10014,11 +10014,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 2
@@ -10030,7 +10030,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -10106,7 +10106,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -11657,7 +11657,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -11705,7 +11705,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -11732,7 +11732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -11756,7 +11756,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -12515,7 +12515,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -12542,7 +12542,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -12566,7 +12566,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -13255,7 +13255,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -13282,7 +13282,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -13306,7 +13306,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -16833,11 +16833,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <span>
                                           Roosevelt
@@ -16849,7 +16849,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -16925,7 +16925,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -18009,7 +18009,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <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-kiYsuf bPXUkp"
+                                                    className="sc-liccgK eRJBLr"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18084,7 +18084,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18108,7 +18108,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <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-kiYsuf bPXUkp"
+                                                    className="sc-liccgK eRJBLr"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -18767,7 +18767,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -18791,7 +18791,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <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-kiYsuf bPXUkp"
+                                                    className="sc-liccgK eRJBLr"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -19257,7 +19257,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -19281,7 +19281,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -19954,7 +19954,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20093,11 +20093,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -20385,7 +20385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20524,11 +20524,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -20816,7 +20816,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -20955,11 +20955,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -26320,11 +26320,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 1
@@ -26336,7 +26336,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -26412,7 +26412,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -28117,7 +28117,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28165,7 +28165,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -28192,7 +28192,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -28216,7 +28216,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -28988,7 +28988,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29015,7 +29015,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29039,7 +29039,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -29733,7 +29733,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -29760,7 +29760,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -29784,7 +29784,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -30416,7 +30416,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="988"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -30443,7 +30443,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -30467,7 +30467,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -30830,7 +30830,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -30969,11 +30969,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -31261,7 +31261,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31400,11 +31400,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -31692,7 +31692,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -31831,11 +31831,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -32123,7 +32123,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32262,11 +32262,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -32554,7 +32554,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -32693,11 +32693,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -35834,11 +35834,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <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-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -35926,7 +35926,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -37010,7 +37010,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37058,7 +37058,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37085,7 +37085,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37109,7 +37109,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -37863,7 +37863,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -37890,7 +37890,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -37914,7 +37914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -38546,7 +38546,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="984"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -38573,7 +38573,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -38597,7 +38597,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -38960,7 +38960,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -39099,11 +39099,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -43640,11 +43640,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <span>
                                           Roosevelt
@@ -43656,7 +43656,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -43732,7 +43732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -45322,7 +45322,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <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-kiYsuf bPXUkp"
+                                                    className="sc-liccgK eRJBLr"
                                                     color="28813F"
                                                     style={
                                                       Object {
@@ -45397,7 +45397,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -45421,7 +45421,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -51182,11 +51182,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <span>
                                           Roosevelt Station - Bay 3
@@ -51198,7 +51198,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                     >
                                       <styled.p>
                                         <p
-                                          className="sc-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -51274,7 +51274,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -52914,7 +52914,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -52962,7 +52962,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf dHJGRB"
+                                                    className="sc-liccgK rPcBj"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -52989,7 +52989,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53013,7 +53013,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -53697,7 +53697,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="67"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -53724,7 +53724,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -53748,7 +53748,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -54437,7 +54437,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="522"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf dHJGRB"
+                                                    className="sc-liccgK rPcBj"
                                                     color="2B376E"
                                                     style={
                                                       Object {
@@ -54464,7 +54464,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -54488,7 +54488,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55237,7 +55237,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="73"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55264,7 +55264,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -55288,7 +55288,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -55972,7 +55972,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -55999,7 +55999,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56023,7 +56023,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -56681,7 +56681,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="322"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -56708,7 +56708,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -56732,7 +56732,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <styled.div>
                               <div
-                                className="sc-eWVLlQ hxYWfL"
+                                className="sc-dcwqsv cgJxka"
                               >
                                 <styled.p>
                                   <p
-                                    className="sc-iGculD jSZWqX"
+                                    className="sc-ehsPLh iOmSFF"
                                   >
                                     <IconWithText
                                       icon={
@@ -57405,7 +57405,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       >
                                         <Styled(styled.span)>
                                           <span
-                                            className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                            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-eWvPqa jiKpSN"
+                                      className="sc-iuAqRD hHHNdT"
                                     >
                                       <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-kUbgcP bfjwRc"
+                                className="sc-DJgqy fxDimN"
                               >
                                 <Connect(FromToPicker)
                                   place={
@@ -57544,11 +57544,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                     size="0.9em"
                                                   >
                                                     <DotCircle
-                                                      className="sc-gsxoIA dIkCay"
+                                                      className="sc-Azgjq cvPmYm"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-gsxoIA dIkCay"
+                                                        className="sc-Azgjq cvPmYm"
                                                         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-gsxoIA dIkCay"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                           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-gsxoIA dIkCay"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                             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-eGCaLh goIVUl"
+                                                      className="sc-hTZgZg kyAYqR"
                                                       size="0.9em"
                                                     >
                                                       <StyledIconBase
-                                                        className="sc-eGCaLh goIVUl"
+                                                        className="sc-hTZgZg kyAYqR"
                                                         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-eGCaLh goIVUl"
+                                                          className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                           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-eGCaLh goIVUl"
+                                                            className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                             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-flMpop MDXYt"
+                            className="sc-iumJeC blaAaE"
                           >
                             <Connect(StopCardHeader)
                               actionIcon={
@@ -62293,11 +62293,11 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                               >
                                 <styled.div>
                                   <div
-                                    className="sc-eWVLlQ hxYWfL"
+                                    className="sc-dcwqsv cgJxka"
                                   >
                                     <styled.p>
                                       <p
-                                        className="sc-iGculD jSZWqX"
+                                        className="sc-ehsPLh iOmSFF"
                                       >
                                         <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-eWvPqa jiKpSN"
+                                          className="sc-iuAqRD hHHNdT"
                                         >
                                           <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-kUbgcP bfjwRc"
+                                    className="sc-DJgqy fxDimN"
                                   >
                                     <div>
                                       <FormattedMessage
@@ -62385,7 +62385,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                             >
                                               <Styled(styled.span)>
                                                 <span
-                                                  className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                  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-gsxoIA dIkCay"
+                                                          className="sc-Azgjq cvPmYm"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-gsxoIA dIkCay"
+                                                            className="sc-Azgjq cvPmYm"
                                                             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-gsxoIA dIkCay"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                               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-gsxoIA dIkCay"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-Azgjq cvPmYm"
                                                                 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-eGCaLh goIVUl"
+                                                          className="sc-hTZgZg kyAYqR"
                                                           size="0.9em"
                                                         >
                                                           <StyledIconBase
-                                                            className="sc-eGCaLh goIVUl"
+                                                            className="sc-hTZgZg kyAYqR"
                                                             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-eGCaLh goIVUl"
+                                                              className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                               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-eGCaLh goIVUl"
+                                                                className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-hTZgZg kyAYqR"
                                                                 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-jtHLbV eXgwXv"
+                                  className="sc-gUUBao cxDnXi"
                                 >
                                   <PatternRow
                                     homeTimezone="America/Los_Angeles"
@@ -63936,7 +63936,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                       roundedTop={false}
                                     >
                                       <li
-                                        className="sc-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -63984,7 +63984,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="45"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64011,7 +64011,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64035,7 +64035,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -64794,7 +64794,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="62"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -64821,7 +64821,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -64845,7 +64845,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-iWFTwQ gWWEOl"
+                                        className="sc-lgqlnP fJJsyj"
                                       >
                                         <div
                                           className="header stop-view"
@@ -65534,7 +65534,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   title="79"
                                                 >
                                                   <span
-                                                    className="sc-kiYsuf bSIVzZ"
+                                                    className="sc-liccgK jfjFHH"
                                                     color="333333"
                                                     style={
                                                       Object {
@@ -65561,7 +65561,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                           </div>
                                           <styled.ol>
                                             <ol
-                                              className="sc-jLiVFv rEnam"
+                                              className="sc-huZMQ crhfPk"
                                             >
                                               <p
                                                 aria-hidden={true}
@@ -65585,7 +65585,7 @@ exports[`components > viewers > nearby view renders proper scooter dates 1`] = `
                                                   >
                                                     <Styled(styled.span)>
                                                       <span
-                                                        className="sc-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                        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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-bUrLeq jntWEO"
+                                                              className="sc-gfaqzF bYPSMy"
                                                             >
                                                               <StyledIconBase
-                                                                className="sc-bUrLeq jntWEO"
+                                                                className="sc-gfaqzF bYPSMy"
                                                                 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-bUrLeq jntWEO"
+                                                                  className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                   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-bUrLeq jntWEO"
+                                                                    className="StyledIconBase-sc-ea9ulj-0 fqiNOa sc-gfaqzF bYPSMy"
                                                                     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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                                                          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-kYrlTI hTfifB"
+                                                            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 ad0e56db2..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-eHfRjS sc-hzMMVR itBJml esvTHq"
+                              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-eltbHq dRzdDq"
+                    className="sc-hJxDiT dbjOgr"
                   >
                     <styled.div>
                       <div
-                        className="sc-jGVbWl gRkaSo"
+                        className="sc-jlIlqL sdJoA"
                       >
                         <h1>
                           <FormattedMessage

From a73b95ad95330b6706dd2e76cd7e59e768574d0b Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Tue, 30 Jul 2024 12:33:29 -0500
Subject: [PATCH 08/12] fix(narrative-itneraries-header): remove border from
 sort results dropdown

---
 .../narrative/narrative-itineraries-header.tsx         | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
index 6b59f5f37..46fe56dff 100644
--- a/lib/components/narrative/narrative-itineraries-header.tsx
+++ b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -35,6 +35,12 @@ const ItinerariesHeaderContainer = styled.div<{ showHeaderText: boolean }>`
   margin-left: ${(props) => (props.showHeaderText ? 'inherit' : 'auto')};
 `
 
+const SortResultsDropdown = styled(Dropdown)`
+  button {
+    border: none;
+  }
+`
+
 export default function NarrativeItinerariesHeader({
   customBatchUiBackground,
   enabledSortModes,
@@ -206,7 +212,7 @@ export default function NarrativeItinerariesHeader({
                 )}
               </StyledIconWrapper>
             </button>
-            <Dropdown
+            <SortResultsDropdown
               id="sort-results"
               label={sortResultsLabel}
               text={sortText}
@@ -223,7 +229,7 @@ export default function NarrativeItinerariesHeader({
                   </UnstyledButton>
                 </li>
               ))}
-            </Dropdown>
+            </SortResultsDropdown>
           </ItinerariesHeaderContainer>
           <PlanFirstLastButtons />
         </>

From f102d2965f53161c9c22d6c5b13fb267e015ccad Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Wed, 31 Jul 2024 10:55:22 -0500
Subject: [PATCH 09/12] fix: update styling for percy tests

---
 .../narrative/narrative-itineraries-header.tsx       |  6 ++++++
 lib/components/viewers/route-details.tsx             | 12 +++++++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
index 46fe56dff..d253beda6 100644
--- a/lib/components/narrative/narrative-itineraries-header.tsx
+++ b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -38,6 +38,12 @@ const ItinerariesHeaderContainer = styled.div<{ showHeaderText: boolean }>`
 const SortResultsDropdown = styled(Dropdown)`
   button {
     border: none;
+    padding: 3px 7px;
+    line-height: 20px;
+  }
+
+  span.caret {
+    margin-left: 2px;
   }
 `
 
diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index cf2260a19..189d5330d 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -39,10 +39,21 @@ const PatternSelectButton = styled(UnstyledButton)`
 `
 
 const PatternSelectDropdown = styled(Dropdown)`
+  float: right;
+
+  button {
+    padding: 3px 7px;
+    line-height: 20px;
+  }
+
   span,
   span.caret {
     color: #333;
   }
+
+  span.caret {
+    margin-left: 2px;
+  }
 `
 
 interface Props {
@@ -157,7 +168,6 @@ class RouteDetails extends Component<Props> {
               <FormattedMessage id="components.RouteDetails.stopsTo" />
             </HeadsignSelectLabel>
             <PatternSelectDropdown
-              alignMenuLeft
               id="headsign-selector"
               label={patternSelectLabel}
               style={{ color: 'black' }}

From 91da05525dc2c3eb91ffcd67ce067a980b7510ef Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Wed, 31 Jul 2024 13:00:03 -0500
Subject: [PATCH 10/12] fix(route-details): float dropdown button to the right
 to pass percy test

---
 lib/components/viewers/route-details.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index 189d5330d..b4c553117 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -39,11 +39,10 @@ const PatternSelectButton = styled(UnstyledButton)`
 `
 
 const PatternSelectDropdown = styled(Dropdown)`
-  float: right;
-
   button {
-    padding: 3px 7px;
+    float: right;
     line-height: 20px;
+    padding: 3px 7px;
   }
 
   span,

From 78d52ebb5f64733579426928fae93b9e8086526b Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Fri, 2 Aug 2024 14:18:21 -0500
Subject: [PATCH 11/12] fix: address PR styling suggestions

---
 lib/components/narrative/narrative-itineraries-header.tsx | 6 ------
 lib/components/viewers/route-details.tsx                  | 6 ------
 lib/components/viewers/styled.ts                          | 3 ++-
 3 files changed, 2 insertions(+), 13 deletions(-)

diff --git a/lib/components/narrative/narrative-itineraries-header.tsx b/lib/components/narrative/narrative-itineraries-header.tsx
index d253beda6..46fe56dff 100644
--- a/lib/components/narrative/narrative-itineraries-header.tsx
+++ b/lib/components/narrative/narrative-itineraries-header.tsx
@@ -38,12 +38,6 @@ const ItinerariesHeaderContainer = styled.div<{ showHeaderText: boolean }>`
 const SortResultsDropdown = styled(Dropdown)`
   button {
     border: none;
-    padding: 3px 7px;
-    line-height: 20px;
-  }
-
-  span.caret {
-    margin-left: 2px;
   }
 `
 
diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index b4c553117..6bc11e4d9 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -41,18 +41,12 @@ const PatternSelectButton = styled(UnstyledButton)`
 const PatternSelectDropdown = styled(Dropdown)`
   button {
     float: right;
-    line-height: 20px;
-    padding: 3px 7px;
   }
 
   span,
   span.caret {
     color: #333;
   }
-
-  span.caret {
-    margin-left: 2px;
-  }
 `
 
 interface Props {
diff --git a/lib/components/viewers/styled.ts b/lib/components/viewers/styled.ts
index 5f1c1a619..5509975be 100644
--- a/lib/components/viewers/styled.ts
+++ b/lib/components/viewers/styled.ts
@@ -28,10 +28,11 @@ export const LogoLinkContainer = styled.div`
 `
 export const HeadsignSelectLabel = styled.label`
   font-size: 18px;
+  margin-bottom: 0;
 `
 
 export const PatternContainer = styled.div`
-  align-items: flex-start;
+  align-items: center;
   background-color: inherit;
   color: inherit;
   display: flex;

From c51ffba8a4c37a5cab6f009218cd0eb4230fb9c3 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Wed, 7 Aug 2024 15:00:41 -0500
Subject: [PATCH 12/12] fix(route-details): add margin-top to
 stopsInDirectionOfTravel header message

---
 lib/components/viewers/route-details.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/viewers/route-details.tsx b/lib/components/viewers/route-details.tsx
index 6bc11e4d9..6f511cc03 100644
--- a/lib/components/viewers/route-details.tsx
+++ b/lib/components/viewers/route-details.tsx
@@ -185,7 +185,7 @@ class RouteDetails extends Component<Props> {
               style={{
                 fontSize: 'inherit',
                 fontWeight: 400,
-                margin: '0 0 10px 8px'
+                margin: '10px 0 10px 8px'
               }}
             >
               <FormattedMessage id="components.RouteViewer.stopsInDirectionOfTravel" />