Update add custom token button label font size, fix token item padding, update manage tokens modal title font size

src/routes/safe/components/Balances/Tokens/index.jsx

@@ -42,7 +42,7 @@ const Tokens = (props: Props) => {
   return (
     <>
       <Row align="center" grow className={classes.heading}>
-        <Paragraph className={classes.manage} noMargin weight="bolder">
+        <Paragraph size="xl" noMargin weight="bolder">
           Manage Tokens
         </Paragraph>
         <IconButton onClick={onClose} disableRipple data-testid={MANAGE_TOKENS_MODAL_CLOSE_BUTTON_TEST_ID}>

src/routes/safe/components/Balances/Tokens/screens/TokenList/index.jsx

@@ -143,6 +143,7 @@ class Tokens extends React.Component<Props, State> {
               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<Props, State> {
             const isActive = activeTokensAddresses.has(token.address)
 
             return (
-              <ListItem key={token.address} className={classes.token}>
+              <ListItem key={token.address} className={classes.token} classes={{ root: classes.tokenRoot }}>
                 <ListItemIcon className={classes.tokenIcon}>
                   <Img src={token.logoUri} height={28} alt={token.name} onError={setImageToPlaceholder} />
                 </ListItemIcon>

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',

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',