diff --git a/components/Appbar.vue b/components/Appbar.vue
index 2d3da1e3..c0167544 100644
--- a/components/Appbar.vue
+++ b/components/Appbar.vue
@@ -1,22 +1,20 @@
 <template>
   <nav>
-
-    <NavHeader/>
+    <NavHeader />
 
     <!-- title -->
-    <div class='text-center'>
-      <nuxt-link id='title' v-text='settings.title' to='/' />
-      <div class='text-body-1 font-weight-light' v-text='settings.description' />
+    <div class="text-center">
+      <nuxt-link id="title" v-text="settings.title" to="/" />
+      <div
+        class="text-body-1 font-weight-light"
+        v-text="settings.description"
+      />
     </div>
 
     <NavSearch />
 
     <NavBar />
-
   </nav>
-
-
-
 </template>
 <script>
 import { mapState } from 'vuex'
@@ -27,18 +25,24 @@ import NavSearch from './NavSearch.vue'
 export default {
   name: 'Appbar',
   components: { NavHeader, NavBar, NavSearch },
-  computed: mapState(['settings'])
+  computed: mapState(['settings']),
 }
 </script>
 <style>
 nav {
-  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.7)), url(/headerimage.png);
+  background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(20, 20, 20, 0.7)),
+    url(/headerimage.png);
   background-position: center center;
   background-size: cover;
 }
 
 .theme--light nav {
-  background-image: linear-gradient(to bottom, rgba(230,230,230,.95), rgba(250,250,250,.95)), url(/headerimage.png);
+  background-image: linear-gradient(
+      to bottom,
+      rgba(230, 230, 230, 0.95),
+      rgba(250, 250, 250, 0.95)
+    ),
+    url(/headerimage.png);
 }
 
 #title {
@@ -46,5 +50,4 @@ nav {
   font-weight: 600;
   text-decoration: none;
 }
-
-</style>
\ No newline at end of file
+</style>