Update button style

src/components/base/Button/index.js

@@ -7,19 +7,26 @@ import noop from 'lodash/noop'
 
 import { darken, lighten } from 'styles/helpers'
 
+import fontFamily from 'styles/styled/fontFamily'
+
 import Box from 'components/base/Box'
 import Icon from 'components/base/Icon'
 
-const Base = styled.button`
+const Base = styled.button.attrs({
+  ff: 'Museo Sans|Regular',
+  fontSize: 3,
+  px: 2,
+})`
   ${space};
   ${color};
   ${fontSize};
   ${fontWeight};
-  border-radius: 5px;
+  ${fontFamily};
+  border-radius: 4px;
   border: ${p =>
     p.primary ? 'none' : `2px solid ${p.disabled ? 'transparent' : p.theme.colors.grey}`};
   cursor: ${p => (p.disabled ? 'default' : 'pointer')};
-  height: 40px;
+  height: 30px;
   outline: none;
 
   &:hover {

src/styles/theme.js

@@ -1,7 +1,7 @@
 // @flow
 
 export const space = [0, 5, 10, 15, 20, 30, 40, 50, 70]
-export const fontSizes = [8, 9, 10, 11, 13, 16, 18, 22, 32]
+export const fontSizes = [8, 9, 10, 12, 13, 16, 18, 22, 32]
 export const radii = [0, 4]
 export const shadows = ['0 4px 8px 0 rgba(0, 0, 0, 0.03)']