diff --git a/book-racker/src/components/Header.vue b/book-racker/src/components/Header.vue
new file mode 100644
index 0000000000000000000000000000000000000000..275f0a040cc68de2e19ae553232c9939e7ce268b
--- /dev/null
+++ b/book-racker/src/components/Header.vue
@@ -0,0 +1,16 @@
+<template>
+  <v-toolbar fixed class="cyan">
+    <v-toolbar-title class="mr-4">
+        BOOK RACKER
+    </v-toolbar-title>
+  </v-toolbar>
+</template>
+
+<script>
+export default {
+
+}
+</script>
+
+<style scoped>
+</style>
\ No newline at end of file
diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index 0ec08452cf51ab9914ca7590a9ad7f1d9fe32720..53b557d89dad903d7e62f852710ada1056ffb965 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -1,19 +1,19 @@
 /* eslint-disable */
 <template>
   <v-layout column>
-    <v-flex xs6 offset-xs3>
-      <div class="white elevation-2">
+    <v-flex xs3 offset-xs6>
+      <div class="white elevation-2" style="width: 1455px;">
         <v-toolbar flat dense class="cyan" dark>
         <v-toolbar-title>Register</v-toolbar-title>
         </v-toolbar>
         <div class="pl-4 pr-4 pt-2 pb-2">
-          <input type="email" name="email" v-model="email" placeholder="email"/>
+          <v-text-field  label="email" v-model="email"></v-text-field>
           <br>
-          <input type="password" name="password" v-model="password" placeholder="password"/>
+          <v-text-field  label="password" v-model="password"></v-text-field>
           <br>
           <div class="error" v-html ="error"/>
           <br>
-          <button @click="register">Register</button>
+          <v-btn class="cyan" @click="register">Register</v-btn>
         </div>
       </div>
     </v-flex>