More Styling on Safe's balance view

src/components/Table/index.jsx

@@ -29,7 +29,7 @@ type State = {
 const styles = {
   root: {
     backgroundColor: 'white',
-    boxShadow: '0 -1px 5px 0 rgba(74, 85, 121, 0.5)',
+    boxShadow: '0 -1px 4px 0 rgba(74, 85, 121, 0.5)',
   },
   selectRoot: {
     lineHeight: '40px',
@@ -40,7 +40,7 @@ const styles = {
   },
   paginationRoot: {
     backgroundColor: 'white',
-    boxShadow: '0 2px 5px 0 rgba(74, 85, 121, 0.5)',
+    boxShadow: '0 2px 4px 0 rgba(74, 85, 121, 0.5)',
   },
 }
 

src/routes/safe/component/Balances/index.jsx

@@ -54,6 +54,9 @@ const styles = {
   zero: {
     letterSpacing: '-0.5px',
   },
+  message: {
+    margin: `${sm} 0`,
+  },
 }
 
 type Props = {
@@ -82,7 +85,7 @@ class Balances extends React.Component<Props, State> {
 
     return (
       <React.Fragment>
-        <Row align="center">
+        <Row align="center" className={classes.message}>
           <Checkbox
             classes={checkboxClasses}
             checked={hideZero}

src/theme/mui.js

@@ -1,7 +1,7 @@
 // @flow
 import red from '@material-ui/core/colors/red'
 import { createMuiTheme } from '@material-ui/core/styles'
-import { largeFontSize, mediumFontSize, smallFontSize, disabled, primary, secondary, md, lg, background, bolderFont } from './variables'
+import { largeFontSize, mediumFontSize, smallFontSize, disabled, primary, secondary, md, lg, background, bolderFont, boldFont } from './variables'
 
 export type WithStyles = {
   classes: Object,
@@ -160,6 +160,21 @@ export default createMuiTheme({
         color: disabled,
       },
     },
+    MuiTableCell: {
+      root: {
+        fontFamily: 'Roboto Mono, monospace',
+      },
+      head: {
+        letterSpacing: '1px',
+        textTransform: 'uppercase',
+        fontWeight: boldFont,
+      },
+      body: {
+        color: primary,
+        letterSpacing: '-0.5px',
+        fontWeight: 'normal',
+      },
+    },
   },
   palette,
 })