diff --git a/book-racker/src/App.vue b/book-racker/src/App.vue
index d77d2f01df303715da7b7ac92c044edebb809ee4..ab7ae4f80c1e862f1f18718068425156e0d23d91 100644
--- a/book-racker/src/App.vue
+++ b/book-racker/src/App.vue
@@ -1,6 +1,5 @@
 <template>
   <div id="app">
-    <!--<img src= "./assets/logo.png">-->
     <page-header />
     <router-view />
   </div>
diff --git a/book-racker/src/components/Header.vue b/book-racker/src/components/Header.vue
index 791e730d08dc531f6b90e174230cee4cc5cc2d1a..def397d0bcc083aba79b1de4d13d1ea4d8df5330 100644
--- a/book-racker/src/components/Header.vue
+++ b/book-racker/src/components/Header.vue
@@ -1,8 +1,18 @@
 <template>
-  <v-toolbar fixed class="maroon">
-    <v-toolbar-title class="mr-4">
-        BookRacker
-    </v-toolbar-title>
+  <v-toolbar
+    dark
+    prominent
+    src="https://cdn.vuetifyjs.com/images/backgrounds/vbanner.jpg"
+  >
+      <v-app-bar-nav-icon></v-app-bar-nav-icon>
+
+      <v-toolbar-title>Book Racker</v-toolbar-title>
+
+      <v-spacer></v-spacer>
+
+      <v-btn icon>
+        <v-icon>mdi-export</v-icon>
+      </v-btn>
   </v-toolbar>
 </template>