diff --git a/book-racker/src/components/Register.vue b/book-racker/src/components/Register.vue
index 1e9cf88a2fcbb3a0146c3cb3e3b23f5027c1f79c..0ec08452cf51ab9914ca7590a9ad7f1d9fe32720 100644
--- a/book-racker/src/components/Register.vue
+++ b/book-racker/src/components/Register.vue
@@ -1,16 +1,23 @@
 /* eslint-disable */
 <template>
-  <div>
-    <h1>Register</h1>
-
-    <input type="email" name="email" v-model="email" placeholder="email"/>
-    <br>
-    <input type="password" name="password" v-model="password" placeholder="password"/>
-    <br>
-    <div class="error" v-html ="error"/>
-    <br>
-    <button @click="register">Register</button>
-  </div>
+  <v-layout column>
+    <v-flex xs6 offset-xs3>
+      <div class="white elevation-2">
+        <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"/>
+          <br>
+          <input type="password" name="password" v-model="password" placeholder="password"/>
+          <br>
+          <div class="error" v-html ="error"/>
+          <br>
+          <button @click="register">Register</button>
+        </div>
+      </div>
+    </v-flex>
+  </v-layout>
 </template>
 
 <script>