diff --git a/front-end/src/App.vue b/front-end/src/App.vue
index 05f31c248..e62c94aeb 100644
--- a/front-end/src/App.vue
+++ b/front-end/src/App.vue
@@ -1,7 +1,9 @@
 <template>
   <TheNavbar/>
 
-  <router-view/>
+  <div id="router-view">
+    <router-view/>
+  </div>
 
   <TheFooter/>
 </template>
@@ -34,4 +36,8 @@ export default {
   text-align: center;
   color: #2c3e50;
 }
+
+#router-view {
+  margin-top: 100px;
+}
 </style>
diff --git a/front-end/src/components/TheNavbar.vue b/front-end/src/components/TheNavbar.vue
index 82f480fa3..dba3e81cd 100644
--- a/front-end/src/components/TheNavbar.vue
+++ b/front-end/src/components/TheNavbar.vue
@@ -27,10 +27,15 @@ a {
 }
 
 #navbar {
+  top: 0;
+  z-index: 1000;
+  position: fixed;
+  width: 96%;
+  padding: 10px 2%;
   display: flex;
   justify-content: space-between;
-  padding: 10px 50px;
   border-bottom: 1px solid #E1E1E1;
+  background-color: white;
 }
 
 #goto-landing {