diff --git a/dist/index.html b/dist/index.html
index 6b73c73..eff343d 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -10,6 +10,6 @@
   </head>
   <body>
     <div id="app"></div>
-    
+    <script type="module" src="/src/main.js"></script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/src/pages/404Page.vue b/src/pages/404Page.vue
new file mode 100644
index 0000000..2a4774f
--- /dev/null
+++ b/src/pages/404Page.vue
@@ -0,0 +1,17 @@
+<template>
+<Navbar />
+<h1>404</h1>
+</template>
+    
+<script>
+import Navbar from '../components/Navbar.vue'
+export default {
+    name: "404Page",
+    components: {
+        Navbar
+    }
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue
index e64ef90..387d70b 100644
--- a/src/pages/MapPage.vue
+++ b/src/pages/MapPage.vue
@@ -46,11 +46,10 @@
           <label class="form-check-label" for="showNotYetRunning">Show Not-Yet Running Trains</label>
         </div>
       </div>
+      <button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
     </div>
 </div>
 
-<button v-if="store.loggedIn" @click="postPreferences()">Save Preferences</button>
-
 <transition id="sidebar" name="slideLeft">
   <div v-if="store.displaySelectedTrain && store.selectedTrain">
     <TrainSidebar />
@@ -485,11 +484,11 @@ export default {
   height: 19px;
   cursor: pointer;
 }
-#dropdownMenuButton1{
+#dropdownMenuButton1 {
   box-shadow: 0 0 5px 2px #6e757dbe;
 }
 
-#dropMenu{
+#dropMenu {
   /*In case we want to edit dropdown menu*/
   font-size: 15px;
 }
@@ -502,7 +501,7 @@ export default {
 }
 
 
-#sidebar{
+#sidebar {
   position: absolute;
   height: 80%;
   width: 20%;
@@ -523,7 +522,7 @@ export default {
   transition: all 0.8s;
 
 }
-.slideLeft-enter-from, .slideLeft-leave-to{
+.slideLeft-enter-from, .slideLeft-leave-to {
   opacity: 0;
   transform: translateX(-100px);
 }
diff --git a/src/router/routes.js b/src/router/routes.js
index b36cc01..074e778 100644
--- a/src/router/routes.js
+++ b/src/router/routes.js
@@ -20,9 +20,11 @@ function loadPage(component) {
 }
 
 export default [
-    {path: "/", component:loadPage("MapPage")},
-    {path: "/insights", component:loadPage("InsightsPage")},
-    {path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth},
-    {path: "/signup", component:loadPage('SignUpPage')},
-    {path: "/login", component:loadPage('LoginPage')},
+    { path: "/", component:loadPage("MapPage") },
+    { path: "/insights", component:loadPage("InsightsPage") },
+    { path: "/account", component:loadPage('AccountPage'), beforeEnter: isAuth },
+    { path: "/signup", component:loadPage('SignUpPage') },
+    { path: "/login", component:loadPage('LoginPage') },
+    { path: "/404", component:loadPage('404Page') },
+    { path: "/:catchAll(.*)", component:loadPage('404Page') }
 ]
\ No newline at end of file
