feat(Dropdown): Applying theme spacing to arrow position

catho · Jun 7, 2019 · 5cbf386 · 5cbf386
1 parent aa3f9d6
commit 5cbf386
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/components/Dropdown/Dropdown.jsx b/components/Dropdown/Dropdown.jsx
@@ -55,13 +55,20 @@ const ArrowDown = styled(Icon).attrs({
     !selectedItem &&
     `
     color: ${neutral700};
-  `};
+  `}
 `;
 
 const InputArrowDown = styled(ArrowDown)`
   position: absolute;
-  top: 12px;
-  right: 14px;
+
+  ${({
+    theme: {
+      spacing: { small, medium },
+    },
+  }) => `
+    top: ${small}px;
+    right: ${medium * 0.875}px;
+  `}
 `;
 
 const DropList = styled.ul`