From bf9d769571208ac3368a0191b74cf67cf6dbf7e0 Mon Sep 17 00:00:00 2001
From: josh-willis-arcadis
 <168561922+josh-willis-arcadis@users.noreply.github.com>
Date: Wed, 24 Jul 2024 14:37:18 -0500
Subject: [PATCH] fix(route-details): override color inherit

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

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 && (