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] 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' }}