diff --git a/src/components/Input.js b/src/components/Input.js index 8bcf3eaf..08c764b2 100644 --- a/src/components/Input.js +++ b/src/components/Input.js @@ -7,7 +7,7 @@ import { Icon } from './Icon'; // prettier-ignore const Label = styled.label` - font-weight: ${props => props.appearance !== 'code' && typography.weight.extrabold}; + font-weight: ${props => props.appearance !== 'code' && typography.weight.bold}; font-family: ${props => props.appearance === 'code' && typography.type.code }; font-size: ${props => props.appearance === 'code' ? typography.size.s1 : typography.size.s2 }px; `; diff --git a/src/components/Select.js b/src/components/Select.js index 7caae4d8..73890bd7 100644 --- a/src/components/Select.js +++ b/src/components/Select.js @@ -7,7 +7,7 @@ import { Icon } from './Icon'; import { Spinner } from './Spinner'; const Label = styled.label` - font-weight: ${typography.weight.extrabold}; + font-weight: ${typography.weight.bold}; font-size: ${typography.size.s2}px; `; diff --git a/src/components/Textarea.js b/src/components/Textarea.js index 61ed3c09..d9a32072 100644 --- a/src/components/Textarea.js +++ b/src/components/Textarea.js @@ -27,7 +27,7 @@ const ErrorMessage = styled.span` const LabelWrapper = styled.div` margin-bottom: ${props => (props.appearance === 'code' ? 0.5 : 0.33)}em; - font-weight: ${props => props.appearance !== 'code' && typography.weight.extrabold}; + font-weight: ${props => props.appearance !== 'code' && typography.weight.bold}; font-family: ${props => props.appearance === 'code' && typography.type.code}; font-size: ${props => (props.appearance === 'code' ? typography.size.s1 : typography.size.s2)}px; diff --git a/src/components/tooltip/ListItem.js b/src/components/tooltip/ListItem.js index aec1b86c..cf50106a 100644 --- a/src/components/tooltip/ListItem.js +++ b/src/components/tooltip/ListItem.js @@ -95,7 +95,7 @@ const Item = styled(({ active, loading, ...rest }) => )` props.active && css` ${Title} { - font-weight: ${typography.weight.extrabold}; + font-weight: ${typography.weight.bold}; } ${Title}, ${Center} { color: ${color.primary};