diff --git a/public/favicon.ico b/public/favicon.ico
index df36fcf..5492801 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/src/components/Global/Section/AuthBasic.vue b/src/components/Global/Section/AuthBasic.vue
index 122f35a..2e41cbf 100644
--- a/src/components/Global/Section/AuthBasic.vue
+++ b/src/components/Global/Section/AuthBasic.vue
@@ -3,7 +3,7 @@
     <main-back height="500px">
       <v-row class="px-16 py-10 h-100">
         <slot name="auth"></slot>
-        <v-col cols="1" class="text-center pl-0">
+        <v-col cols="2" class="text-center pl-0">
           <v-divider vertical dark class="mr-1"></v-divider>
         </v-col>
         <v-col cols="5">
diff --git a/src/router/path.js b/src/router/path.js
index 6e61132..531bd8d 100644
--- a/src/router/path.js
+++ b/src/router/path.js
@@ -16,9 +16,9 @@ export default [
         }
     },
     {
-        path: '/reset-password',
-        view: 'PasswordReset',
-        name: 'passwordReset',
+        path: '/forgot-password',
+        view: 'ForgotPassword',
+        name: 'forgotPassword',
         meta: {
             onlyWhenLoggedOut: true
         }
diff --git a/src/views/ForgotPassword.vue b/src/views/ForgotPassword.vue
new file mode 100644
index 0000000..c95c577
--- /dev/null
+++ b/src/views/ForgotPassword.vue
@@ -0,0 +1,86 @@
+<template>
+  <v-container>
+    <header>
+      <div class="text-center">
+        <auth-header></auth-header>
+      </div>
+    </header>
+    <main>
+      <auth-basic text="we're here to help">
+        <template #auth>
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">forgot password</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us this information
+              </div>
+              <v-form @submit.prevent="forgotPassword">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.email"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+
+                <v-row class="mt-4">
+                  <v-col cols="12">
+                    <RectangleButton
+                      class="custom-btn w-100"
+                      height="29"
+                      lg
+                      :text-mode="true"
+                      text="send the code"
+                      type="submit"
+                    />
+                  </v-col>
+                  <v-col cols="12" class="pt-0">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'login' }">
+                        <RectangleButton
+                          height="29"
+                          lg
+                          class="w-100"
+                          :text-mode="true"
+                          icon="WMi-left-open"
+                          text="return to login"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+              </v-form>
+            </div>
+          </v-col>
+        </template>
+      </auth-basic>
+    </main>
+    <footer>
+      <div class="text-center mt-10">
+        <auth-footer></auth-footer>
+      </div>
+    </footer>
+  </v-container>
+</template>
+<script>
+import AuthBasic from "../components/Global/Section/AuthBasic.vue";
+import AuthRepository from "../abstraction/repository/authRepository";
+export default {
+  components: {
+    AuthBasic,
+  },
+  data: () => ({
+    form: {},
+  }),
+  methods: {
+    async forgotPassword() {
+      let repository = new AuthRepository();
+      await repository.forgotPassword(this.form);
+      this.$router.push({ name: "login" });
+    },
+  },
+};
+</script>
diff --git a/src/views/Login.vue b/src/views/Login.vue
index d42e598..5388f92 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -8,77 +8,83 @@
     <main>
       <auth-basic text="let's rock and roll">
         <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">sign in</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us your login details
-            </div>
-            <v-form @submit.prevent="doLogin">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    v-model="form.email"
-                    dark
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12" class="pt-0">
-                  <v-text-field
-                    label="password"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    v-model="form.password"
-                    dark
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row class="mt-4">
-                <v-col cols="8" class="pr-1">
-                  <div class="wa__link">
-                    <RectangleButton
-                      class="custom-btn w-100"
-                      height="25"
-                      :text-mode="true"
-                      text="sign in"
-                      type="submit"
-                    />
-                  </div>
-                </v-col>
-
-                <v-col cols="4" class="pl-1">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'register' }">
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">sign in</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us your login details
+              </div>
+              <v-form @submit.prevent="doLogin">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      v-model="form.email"
+                      dark
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="12" class="pt-0">
+                    <v-text-field
+                      label="password"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      v-model="form.password"
+                      dark
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row class="mt-4">
+                  <v-col cols="8" class="pr-1">
+                    <div class="wa__link">
                       <RectangleButton
                         class="custom-btn w-100"
-                        height="25"
+                        height="29"
+                        lg
                         :text-mode="true"
-                        text="sign up"
+                        text="sign in"
+                        type="submit"
                       />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'passwordReset' }">
-                      <RectangleButton
-                        icon="WMi-asterisk"
-                        class="w-100"
-                        :text-mode="true"
-                        size="x-small"
-                        text="forgot password"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
+                    </div>
+                  </v-col>
+
+                  <v-col cols="4" class="pl-1">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'register' }">
+                        <RectangleButton
+                          class="custom-btn w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          text="sign up"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col cols="12">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'forgotPassword' }">
+                        <RectangleButton
+                          icon="WMi-asterisk"
+                          class="w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          size="x-small"
+                          text="forgot password"
+                        />
+                      </router-link>
+                    </div>
+                  </v-col>
+                </v-row>
+              </v-form>
+            </div>
           </v-col>
         </template>
       </auth-basic>
diff --git a/src/views/PasswordReset.vue b/src/views/PasswordReset.vue
deleted file mode 100644
index 4d28f41..0000000
--- a/src/views/PasswordReset.vue
+++ /dev/null
@@ -1,81 +0,0 @@
-<template>
-  <v-container>
-    <header>
-      <div class="text-center">
-        <auth-header></auth-header>
-      </div>
-    </header>
-    <main>
-      <auth-basic text="we're here to help">
-        <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">forgot password</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us this information
-            </div>
-            <v-form @submit.prevent="forgotPassword">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.email"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-
-              <v-row class="mt-4">
-                <v-col cols="12">
-                  <RectangleButton
-                    class="custom-btn w-100"
-                    height="25"
-                    :text-mode="true"
-                    text="send the code"
-                    type="submit"
-                  />
-                </v-col>
-                <v-col cols="12" class="pt-0">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'login' }">
-                      <RectangleButton
-                        class="w-100"
-                        :text-mode="true"
-                        icon="WMi-left-open"
-                        text="return to login"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
-          </v-col>
-        </template>
-      </auth-basic>
-    </main>
-    <footer>
-      <div class="text-center mt-10">
-        <auth-footer></auth-footer>
-      </div>
-    </footer>
-  </v-container>
-</template>
-<script>
-import AuthBasic from "../components/Global/Section/AuthBasic.vue";
-import AuthRepository from "../abstraction/repository/authRepository";
-export default {
-  components: {
-    AuthBasic,
-  },
-  data: () => ({
-    form: {},
-  }),
-  methods: {
-    async forgotPassword() {
-      let repository = new AuthRepository();
-      await repository.forgotPassword(this.form);
-      this.$router.push({ name: "login" });
-    },
-  },
-};
-</script>
diff --git a/src/views/Register.vue b/src/views/Register.vue
index 5123f02..a60cbe7 100644
--- a/src/views/Register.vue
+++ b/src/views/Register.vue
@@ -8,143 +8,152 @@
     <main>
       <auth-basic text="join the club">
         <template #auth>
-          <v-col cols="6" class="px-10 pt-4">
-            <div class="text-uppercase wa__f__ta auth__title">sign up</div>
-            <div class="auth__subtitle text-uppercase mb-2">
-              please provide us this information
-            </div>
-            <v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
-              <v-row>
-                <v-col cols="12">
-                  <v-text-field
-                    label="your email address"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.email"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="6">
-                  <v-text-field
-                    label="your first name"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.first_name"
-                  ></v-text-field>
-                </v-col>
-                <v-col class="pt-0" cols="6">
-                  <v-text-field
-                    label="your last name"
-                    class="no-error-msg"
-                    dark
-                    v-model="form.last_name"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="12">
-                  <v-text-field
-                    label="password"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    dark
-                    v-model="form.password"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col class="pt-0" cols="12">
-                  <v-text-field
-                    label="your password again"
-                    class="no-error-msg"
-                    :type="showPassword ? 'text' : 'password'"
-                    @click:append="showPassword = !showPassword"
-                    :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
-                    dark
-                    v-model="form.password_confirmation"
-                  ></v-text-field>
-                </v-col>
-              </v-row>
-              <v-row class="mt-4">
-                <v-col cols="8" class="pr-1">
-                  <div class="wa__link">
-                    <RectangleButton
-                      class="custom-btn w-100"
-                      height="25"
-                      :text-mode="true"
-                      text="do sign up"
-                      type="submit"
-                    />
-                  </div>
-                </v-col>
-                <v-col cols="4" class="pl-1">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'login' }">
+          <v-col cols="5" class="d-flex align-center pl-10 pt-4">
+            <div class="w-100">
+              <div class="text-uppercase wa__f__ta auth__title">sign up</div>
+              <div class="auth__subtitle text-uppercase mb-2">
+                please provide us this information
+              </div>
+              <v-form @submit.prevent="doRegister" v-if="!verifyCodePage">
+                <v-row>
+                  <v-col cols="12">
+                    <v-text-field
+                      label="your email address"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.email"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="6">
+                    <v-text-field
+                      label="your first name"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.first_name"
+                    ></v-text-field>
+                  </v-col>
+                  <v-col class="pt-0" cols="6">
+                    <v-text-field
+                      label="your last name"
+                      class="no-error-msg"
+                      dark
+                      v-model="form.last_name"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="12">
+                    <v-text-field
+                      label="password"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      dark
+                      v-model="form.password"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row>
+                  <v-col class="pt-0" cols="12">
+                    <v-text-field
+                      label="your password again"
+                      class="no-error-msg"
+                      :type="showPassword ? 'text' : 'password'"
+                      @click:append="showPassword = !showPassword"
+                      :append-icon="showPassword ? 'WMi-eye-off' : 'WMi-eye'"
+                      dark
+                      v-model="form.password_confirmation"
+                    ></v-text-field>
+                  </v-col>
+                </v-row>
+                <v-row class="mt-4">
+                  <v-col cols="8" class="pr-1">
+                    <div class="wa__link">
                       <RectangleButton
                         class="custom-btn w-100"
-                        height="25"
-                        :text-mode="true"
-                        text="sign in"
-                      />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-              <v-row>
-                <v-col cols="12">
-                  <div class="wa__link">
-                    <router-link :to="{ name: 'passwordReset' }">
-                      <RectangleButton
-                        class="w-100"
+                        lg
+                        height="29"
                         :text-mode="true"
-                        text="forgot password"
-                        icon="WMi-asterisk"
-                        size="x-small"
+                        text="do sign up"
+                        type="submit"
                       />
-                    </router-link>
-                  </div>
-                </v-col>
-              </v-row>
-            </v-form>
-            <v-form @submit.prevent="verifyEmailCode" v-else>
-              <div class="wa__register__form mt-14">
-                <v-row>
-                  <v-col cols="12" class="pb-0">
-                    <div>
-                      <v-text-field
-                        label="code"
-                        class="no-error-msg"
-                        dark
-                        v-model="form.code"
-                      ></v-text-field>
+                    </div>
+                  </v-col>
+                  <v-col cols="4" class="pl-1">
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'login' }">
+                        <RectangleButton
+                          class="custom-btn w-100"
+                          height="29"
+                          lg
+                          :text-mode="true"
+                          text="sign in"
+                        />
+                      </router-link>
                     </div>
                   </v-col>
                 </v-row>
-                <v-row class="mt-4">
+                <v-row>
                   <v-col cols="12">
-                    <RectangleButton
-                      class="w-100 custom-btn"
-                      text="send code"
-                      type="submit"
-                      height="25"
-                    />
-                  </v-col>
-                  <v-col cols="12" class="pt-0">
-                    <div>
-                      <RectangleButton
-                        class="w-100"
-                        text="return to register "
-                        icon="WMi-left-open"
-                        @click.native="toggleVerifyCodePage"
-                      />
+                    <div class="wa__link">
+                      <router-link :to="{ name: 'forgotPassword' }">
+                        <RectangleButton
+                          class="w-100"
+                          :text-mode="true"
+                          text="forgot password"
+                          height="29"
+                          icon="WMi-asterisk"
+                          lg
+                          size="x-small"
+                        />
+                      </router-link>
                     </div>
                   </v-col>
                 </v-row>
-              </div>
-            </v-form>
+              </v-form>
+              <v-form @submit.prevent="verifyEmailCode" v-else>
+                <div class="wa__register__form mt-14">
+                  <v-row>
+                    <v-col cols="12" class="pb-0">
+                      <div>
+                        <v-text-field
+                          label="code"
+                          class="no-error-msg"
+                          dark
+                          v-model="form.code"
+                        ></v-text-field>
+                      </div>
+                    </v-col>
+                  </v-row>
+                  <v-row class="mt-4">
+                    <v-col cols="12">
+                      <RectangleButton
+                        class="w-100 custom-btn"
+                        text="send code"
+                        type="submit"
+                        height="29"
+                        lg
+                      />
+                    </v-col>
+                    <v-col cols="12" class="pt-0">
+                      <div>
+                        <RectangleButton
+                          class="w-100"
+                          text="return to register "
+                          height="29"
+                          lg
+                          icon="WMi-left-open"
+                          @click.native="toggleVerifyCodePage"
+                        />
+                      </div>
+                    </v-col>
+                  </v-row>
+                </div>
+              </v-form>
+            </div>
           </v-col>
         </template>
       </auth-basic>