Forgot password and reset password

website/src/ui/HeaderButton.js

@@ -4,7 +4,8 @@ import React, { Component } from 'react'
 import { Icon, Image } from '.'
 import { colorInfo, sizeInfo } from 'ui/style'
 
-class HeaderButton extends Component {
+@Radium
+export class HeaderButton extends Component {
   static propTypes = {
     onClick: PropTypes.func,
     icon: PropTypes.string,
@@ -31,7 +32,7 @@ class HeaderButton extends Component {
     let content = null
 
     if (image) {
-      content = (<Image source={image} width={size} height='100%' margin={sizeInfo.headerButtonMargin} />)
+      content = (<Image source={image} width={size} height={size} margin={sizeInfo.headerButtonMargin} />)
     } else if (icon) {
       content = (<Icon name={icon} size={size} margin={sizeInfo.headerButtonMargin} />)
     }
@@ -43,5 +44,3 @@ class HeaderButton extends Component {
     )
   }
 }
-
-export default Radium(HeaderButton)

website/src/ui/index.js

@@ -1,7 +1,7 @@
 export { default as Anime } from './Anime'
 export { default as Box } from './Box'
 export { default as Button } from './Button'
-export { default as HeaderButton } from './HeaderButton'
+export { HeaderButton } from './HeaderButton'
 export { default as HeaderText } from './HeaderText'
 export { default as PanelButton } from './PanelButton'
 export { default as Checkbox } from './Checkbox'