Add padding to main content

consensolabs · Dec 6, 2019 · b063eeb · b063eeb
1 parent e251adb
commit b063eeb
Showing 1 changed file with 13 additions and 8 deletions.
diff --git a/src/App.js b/src/App.js
@@ -7,7 +7,6 @@ import Header from './Header'
 import ErrorPage from './ErrorPage'
 
 import Dashboard from './components/Dashboard/Dashboard'
-
 import Disputes from './components/Disputes/Disputes'
 
 function App() {
@@ -27,13 +26,19 @@ function App() {
             `}
           >
             <Main>
-              <Redirect from="/" to="/dashboard" />
-              <Switch>
-                <Route path="/dashboard" component={Dashboard} />
-                <Route exact path="/tasks" render={() => <div>tasks</div>} />
-                <Route exact path="/disputes" component={Disputes} />
-                <Route component={ErrorPage} />
-              </Switch>
+              <div
+                css={`
+                  padding-bottom: 32px;
+                `}
+              >
+                <Redirect from="/" to="/dashboard" />
+                <Switch>
+                  <Route path="/dashboard" component={Dashboard} />
+                  <Route exact path="/tasks" render={() => <div>tasks</div>} />
+                  <Route exact path="/disputes" component={Disputes} />
+                  <Route component={ErrorPage} />
+                </Switch>
+              </div>
             </Main>
           </div>
         </div>