Put generic padding on all views

src/components/AccountPage.js

@@ -28,7 +28,7 @@ class AccountPage extends PureComponent<Props> {
     const { account, accountData } = this.props
 
     return (
-      <Box p={3} flow={3}>
+      <Box flow={3}>
         <Box>
           <Text fontSize={4}>{`${account.name} account`}</Text>
         </Box>

src/components/DashboardPage.js

@@ -22,7 +22,7 @@ type Props = {
 class DashboardPage extends PureComponent<Props> {
   render() {
     const { totalBalance } = this.props
-    return <Box p={20}>Your balance: {format(totalBalance)}</Box>
+    return <Box>Your balance: {format(totalBalance)}</Box>
   }
 }
 

src/components/SettingsPage/index.js

@@ -25,7 +25,7 @@ class SettingsPage extends PureComponent<Props, State> {
     const { tab } = this.state
 
     return (
-      <Box p={3} flow={4}>
+      <Box flow={4}>
         <Text fontSize={5}>{'Settings'}</Text>
         <Tabs
           index={tab}

src/components/Wrapper.js

@@ -42,7 +42,7 @@ class Wrapper extends Component<{}> {
                   <TopBar />
                   <Box grow relative>
                     <UpdateNotifier />
-                    <GrowScroll>
+                    <GrowScroll p={3}>
                       <Route path="/" exact component={DashboardPage} />
                       <Route path="/settings" component={SettingsPage} />
                       <Route path="/account/:id" component={AccountPage} />