diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index e78256c..8c40d16 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -29,8 +29,8 @@
         >
         <router-link
           v-bind:to="{ name: 'register' }"
-          class="font-medium ml-2 text-blue cursor-pointer"
-          >Daftar sekarang!!
+          class="font-medium no-underline ml-2 text-white cursor-pointer"
+          >Daftar sekarang!
         </router-link>
       </div>
       <form @submit.prevent="submit">
@@ -48,6 +48,13 @@
                   placeholder="ID Pengguna"
                   required
                 ></InputText>
+                <InputText
+                  class="mb-2"
+                  v-model="form.username"
+                  type="text"
+                  placeholder="ID Pengguna"
+                  required
+                ></InputText>
               </span>
             </div>
             <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
@@ -71,6 +78,13 @@
                   toggleMask
                   :feedback="false"
                 />
+                <Password
+                  class="mb-2"
+                  v-model="form.password"
+                  placeholder="Katalaluan"
+                  toggleMask
+                  :feedback="false"
+                />
               </span>
             </div>
             <InlineMessage class="flex-auto" v-if="v$.form.password.$error"