diff --git a/src/components/base/Input/index.js b/src/components/base/Input/index.js index 9176b90f..e0deb4b6 100644 --- a/src/components/base/Input/index.js +++ b/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; diff --git a/src/components/base/Select/index.js b/src/components/base/Select/index.js index eaf54812..b7f5e592 100644 --- a/src/components/base/Select/index.js +++ b/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 { {placeholder} )} - + + + )} {isOpen && diff --git a/src/styles/reset.js b/src/styles/reset.js index c3186e3c..61b46342 100644 --- a/src/styles/reset.js +++ b/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;