diff --git a/src/routes/safe/components/Balances/Tokens/index.jsx b/src/routes/safe/components/Balances/Tokens/index.jsx index 70f80291..18483d07 100644 --- a/src/routes/safe/components/Balances/Tokens/index.jsx +++ b/src/routes/safe/components/Balances/Tokens/index.jsx @@ -42,7 +42,7 @@ const Tokens = (props: Props) => { return ( <> - + Manage Tokens diff --git a/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx b/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx index f69de267..aa4bc9db 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx +++ b/src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx @@ -143,6 +143,7 @@ class Tokens extends React.Component { size="small" color="primary" className={classes.add} + classes={{ label: classes.addBtnLabel }} onClick={switchToAddCustomTokenScreen} testId={ADD_CUSTOM_TOKEN_BUTTON_TEST_ID} > @@ -161,7 +162,7 @@ class Tokens extends React.Component { const isActive = activeTokensAddresses.has(token.address) return ( - + {token.name} diff --git a/src/routes/safe/components/Balances/Tokens/screens/TokenList/style.js b/src/routes/safe/components/Balances/Tokens/screens/TokenList/style.js index fbb88d69..578e72ef 100644 --- a/src/routes/safe/components/Balances/Tokens/screens/TokenList/style.js +++ b/src/routes/safe/components/Balances/Tokens/screens/TokenList/style.js @@ -20,6 +20,9 @@ export const styles = () => ({ paddingRight: md, paddingLeft: md, }, + addBtnLabel: { + fontSize: mediumFontSize, + }, actions: { height: '50px', }, @@ -33,6 +36,10 @@ export const styles = () => ({ minHeight: '50px', borderBottom: `1px solid ${border}`, }, + tokenRoot: { + paddingTop: 0, + paddingBottom: 0, + }, searchInput: { backgroundColor: 'transparent', lineHeight: 'initial', diff --git a/src/routes/safe/components/Balances/Tokens/style.js b/src/routes/safe/components/Balances/Tokens/style.js index 18980b13..70f1556a 100644 --- a/src/routes/safe/components/Balances/Tokens/style.js +++ b/src/routes/safe/components/Balances/Tokens/style.js @@ -1,16 +1,13 @@ // @flow -import { lg, sm } from '~/theme/variables' +import { lg, md } from '~/theme/variables' export const styles = () => ({ heading: { - padding: `${sm} ${lg}`, + padding: `${md} ${lg}`, justifyContent: 'space-between', maxHeight: '75px', boxSizing: 'border-box', }, - manage: { - fontSize: '24px', - }, close: { height: '35px', width: '35px',