2 files changed, 23 insertions, 20 deletions
diff --git a/layouts/default.vue b/layouts/default.vue
index caa0b03..9640fce 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,20 +1,22 @@
 <template>
-    <div>
+    <v-app dark>
         <Navbar/>
-        <nuxt/>
+            <nuxt/>
         <Footer/>
-    </div>
+    </v-app>
 </template>
 
 <script>
-    import Navbar from "../components/Navbar";
-    import Footer from "../components/Footer";
-    export default {
-        name: "default",
-        components: {Navbar, Footer}
-    }
+import Navbar from '../components/Navbar'
+import Footer from '../components/Footer'
+
+export default {
+  name: 'default',
+  components: { Navbar, Footer }
+}
+
 </script>
 
 <style scoped>
 
-</style>
-\ No newline at end of file
+</style>
diff --git a/layouts/error.vue b/layouts/error.vue
index 29f73d3..7a14d29 100644
--- a/layouts/error.vue
+++ b/layouts/error.vue
@@ -1,18 +1,19 @@
 <template>
-    <div class="container">
-        <h1 v-if="error.statusCode === 404">Page not found</h1>
-        <h1 v-else>An error occurred</h1>
-        <nuxt-link to="/">Home page</nuxt-link>
-    </div>
+        <v-container>
+            <h1 v-if="error.statusCode">{{error.statusCode}} Error</h1>
+            <h1 v-else>An error occurred</h1>
+            <p>Hmm. Seems like this page either didn't exist or you weren't allowed to access this page.</p>
+            <nuxt-link to="/">Home page</nuxt-link>
+        </v-container>
 </template>
 
 <script>
-    export default {
-        name: "error",
-        props: ['error']
-    }
+export default {
+  name: 'error',
+  props: ['error']
+}
 </script>
 
 <style scoped>
 
-</style>
-\ No newline at end of file
+</style>