Fix select & input styles

src/components/base/Input/index.js

@@ -1,14 +1,17 @@
 // @flow
 
 import React, { PureComponent } from 'react'
-
 import styled from 'styled-components'
 import { space } from 'styled-system'
 
+import fontFamily from 'styles/styled/fontFamily'
+
 const Base = styled.input.attrs({
-  p: 2,
+  p: 4,
+  ff: 'Open Sans|SemiBold',
 })`
   ${space};
+  ${fontFamily};
   border: 1px solid ${p => p.theme.colors.mouse};
   border-radius: 3px;
   display: flex;

src/components/base/Select/index.js

@@ -35,7 +35,8 @@ type Props = {
 const Container = styled(Box).attrs({ relative: true, color: 'graphite' })``
 
 const TriggerBtn = styled(Box).attrs({
-  p: 2,
+  ff: 'Open Sans|SemiBold',
+  p: 4,
 })`
   min-height: 58px;
   ${space};
@@ -247,7 +248,9 @@ class Select extends PureComponent<Props> {
                       <Text color="mouse">{placeholder}</Text>
                     )}
                   </Box>
+                  <FloatingTriangles>
                     <Triangles />
+                  </FloatingTriangles>
                 </TriggerBtn>
               )}
               {isOpen &&

src/styles/reset.js

@@ -20,13 +20,6 @@ body {
   line-height: 1.5;
 }
 
-input,
-textarea {
-  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
-  font-weight: 600;
-  line-height: normal;
-}
-
 #app {
   display: none;
   flex-direction: column;