diff --git a/app/imports/ui/pages/Register.vue b/app/imports/ui/pages/Register.vue
index c7a407c5..829d4b10 100644
--- a/app/imports/ui/pages/Register.vue
+++ b/app/imports/ui/pages/Register.vue
@@ -18,6 +18,8 @@
           type="text"
           label="Email"
           :rules="emailRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -26,6 +28,8 @@
           type="text"
           label="Username"
           :rules="usernameRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -34,6 +38,8 @@
           type="password"
           label="Password"
           :rules="passwordRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -42,6 +48,8 @@
           type="password"
           label="Password Again"
           :rules="password2Rules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -78,7 +86,7 @@
 </template>
 
 <script lang="js">
-  export default{
+  export default {
     data() {
       return {
         valid: true,
@@ -88,7 +96,7 @@
         ],
         email: '',
         emailRules: [
-          v => !!v || 'Name is required',
+          v => !!v || 'E-mail is required',
           v => /.+@.+/.test(v) || 'E-mail must be valid',
         ],
         password: '',
diff --git a/app/imports/ui/pages/SignIn.vue b/app/imports/ui/pages/SignIn.vue
index c2317c04..5bb545cd 100644
--- a/app/imports/ui/pages/SignIn.vue
+++ b/app/imports/ui/pages/SignIn.vue
@@ -18,6 +18,8 @@
           type="text"
           label="Username or email"
           :rules="nameRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -26,6 +28,8 @@
           type="password"
           label="Password"
           :rules="passwordRules"
+          class="ma-2"
+          outlined
           required
           @keyup.enter="submit"
         />
@@ -39,6 +43,7 @@
           <v-btn
             :disabled="!valid"
             color="accent"
+            class="ma-2"
             @click="submit"
           >
             Sign In
@@ -46,6 +51,7 @@
           <v-btn
             color="accent"
             :to="{ name: 'register', query: { redirect: this.$route.query.redirect} }"
+            class="ma-2"
           >
             Register
           </v-btn>
@@ -62,6 +68,7 @@
       </div>
       <v-btn
         color="accent"
+        class="ma-2"
         @click="googleLogin"
       >
         Sign in with Google
@@ -71,6 +78,7 @@
       </div>
       <v-btn
         color="accent"
+        class="ma-2"
         @click="patreonLogin"
       >
         Sign in with Patreon
@@ -80,8 +88,7 @@
 </template>
 
 <script lang="js">
-  import { Meteor } from 'meteor/meteor'
-	export default{
+	export default {
 		data: () => ({
       valid: true,
       name: '',