add some padding to show the text

web/components/application/hacker/Hacker.js

@@ -7,7 +7,7 @@ const HackerApplication = (props) => {
   const { hackerApplication } = props;
   if (!hackerApplication.isLoaded) return (<div />);
   if (hackerApplication.data) return (<Redirect to="/dashboard" />);
-  return (<div>o hello there pls apply</div>);
+  return (<div className="below-nav">o hello there pls apply</div>);
 };
 
 const mapStateToProps = (state) => {

web/components/dashboard/index.js

@@ -4,9 +4,15 @@ import PropTypes from 'prop-types';
 
 const DashBoard = (props) => {
   const { hackerApplication } = props;
-  if (!hackerApplication.isLoaded) return (<div />);
-  if (hackerApplication.data) return (<div>you have one hacker application</div>);
-  return (<div>you didn&#39;t apply as hacker</div>);
+  let content;
+
+  if (hackerApplication.data) {
+    content = 'you have one hacker application';
+  } else {
+    content = 'you didn\'t apply as hacker';
+  }
+
+  return (<div className="below-nav">{content}</div>);
 };
 
 const mapStateToProps = (state) => {

web/components/navbar/Navbar.sass

@@ -38,3 +38,6 @@ nav
     color: #00D5D5
   img
     width: 32px
+
+.below-nav
+  padding-top: 64px