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