diff --git a/src/components/layout/Button/index.jsx b/src/components/layout/Button/index.jsx
index da77f1f2..b68d2980 100644
--- a/src/components/layout/Button/index.jsx
+++ b/src/components/layout/Button/index.jsx
@@ -1,31 +1,26 @@
// @flow
import * as React from 'react'
import Button from '@material-ui/core/Button'
-import { withStyles } from '@material-ui/core/styles'
-
-const styles = {
- root: {
- borderRadius: 0,
- },
-}
type Props = {
minWidth?: number,
minHeight?: number,
- testId: string,
+ rounded?: boolean,
+ testId?: string,
}
-const calculateStyleBased = (minWidth, minHeight) => ({
+const calculateStyleBased = (minWidth, minHeight, rounded) => ({
minWidth: minWidth && `${minWidth}px`,
minHeight: minHeight && `${minHeight}px`,
+ borderRadius: rounded ? '4px' : 0,
})
const GnoButton = ({
- minWidth, minHeight, testId = '', ...props
+ minWidth, minHeight = 27, testId = '', rounded, ...props
}: Props) => {
- const style = calculateStyleBased(minWidth, minHeight)
+ const style = calculateStyleBased(minWidth, minHeight, rounded)
return
}
-export default withStyles(styles)(GnoButton)
+export default GnoButton
diff --git a/src/routes/safe/components/Balances/index.jsx b/src/routes/safe/components/Balances/index.jsx
index a26de433..4b1a7c63 100644
--- a/src/routes/safe/components/Balances/index.jsx
+++ b/src/routes/safe/components/Balances/index.jsx
@@ -2,16 +2,16 @@
import * as React from 'react'
import { List } from 'immutable'
import classNames from 'classnames/bind'
-import { type Token } from '~/logic/tokens/store/model/token'
import CallMade from '@material-ui/icons/CallMade'
import CallReceived from '@material-ui/icons/CallReceived'
-import Button from '@material-ui/core/Button'
import Checkbox from '@material-ui/core/Checkbox'
import TableRow from '@material-ui/core/TableRow'
import TableCell from '@material-ui/core/TableCell'
import { withStyles } from '@material-ui/core/styles'
+import { type Token } from '~/logic/tokens/store/model/token'
import Col from '~/components/layout/Col'
import Row from '~/components/layout/Row'
+import Button from '~/components/layout/Button'
import ButtonLink from '~/components/layout/ButtonLink'
import Paragraph from '~/components/layout/Paragraph'
import Modal from '~/components/Modal'
@@ -168,10 +168,11 @@ class Balances extends React.Component {