Fix Select Icon

voidagency · Dec 1, 2020 · ce61831 · ce61831
1 parent c4d7ce1
commit ce61831
Showing 1 changed file with 7 additions and 11 deletions.
diff --git a/src/components/Form/Select.js b/src/components/Form/Select.js
@@ -3,21 +3,17 @@ import { Box, Flex } from '../Box';
 import { getMarginProps, omitMarginProps, getLayoutProps } from '../../core';
 
 
-const SVG = ({ size = 24, ...props }) =>
-    <Box
-        as='svg'
+const DownArrow = ({size = 24, ...rest}) => (
+    <svg
         xmlns="http://www.w3.org/2000/svg"
-        width="24"
-        height="24"
+        width={size}
+        height={size}
         viewBox="0 0 24 24"
         fill='currentcolor'
-        {...props}
-    />
-
-const DownArrow = props =>
-    <SVG {...props}>
+    >
         <path d="M7 10l5 5 5-5z" />
-    </SVG>
+    </svg>
+)
 
 
 const SelectIcon = ({ icon }) => {