diff --git a/book-racker/src/App.vue b/book-racker/src/App.vue
index 81728ed7ba3e32dc55582d54b9b60c8990372d46..d77d2f01df303715da7b7ac92c044edebb809ee4 100644
--- a/book-racker/src/App.vue
+++ b/book-racker/src/App.vue
@@ -1,13 +1,19 @@
 <template>
   <div id="app">
-    <!--<img src="./assets/logo.png">-->
-    <router-view/>
+    <!--<img src= "./assets/logo.png">-->
+    <page-header />
+    <router-view />
   </div>
 </template>
 
 <script>
+import PageHeader from '@/components/Header.vue'
+
 export default {
-  name: 'App'
+  name: 'App',
+  components: {
+    PageHeader
+  }
 }
 </script>
 
diff --git a/book-racker/src/components/Header.vue b/book-racker/src/components/Header.vue
index 275f0a040cc68de2e19ae553232c9939e7ce268b..791e730d08dc531f6b90e174230cee4cc5cc2d1a 100644
--- a/book-racker/src/components/Header.vue
+++ b/book-racker/src/components/Header.vue
@@ -1,7 +1,7 @@
 <template>
-  <v-toolbar fixed class="cyan">
+  <v-toolbar fixed class="maroon">
     <v-toolbar-title class="mr-4">
-        BOOK RACKER
+        BookRacker
     </v-toolbar-title>
   </v-toolbar>
 </template>
@@ -13,4 +13,4 @@ export default {
 </script>
 
 <style scoped>
-</style>
\ No newline at end of file
+</style>
diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index 53b557d89dad903d7e62f852710ada1056ffb965..6b11b639d9851d584ea7344272c663586a60b606 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -2,7 +2,7 @@
 <template>
   <v-layout column>
     <v-flex xs3 offset-xs6>
-      <div class="white elevation-2" style="width: 1455px;">
+      <div class="white elevation-2" style="width: 1455px;padding-top: 100px;padding-left: 50px;height: 400px">
         <v-toolbar flat dense class="cyan" dark>
         <v-toolbar-title>Register</v-toolbar-title>
         </v-toolbar>