diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 0b8bb7f..88483b1 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -48,6 +48,13 @@
                   placeholder="ID Pengguna"
                   required
                 ></InputText>
+                <InputText
+                  class="mb-2"
+                  v-model="form.username"
+                  type="text"
+                  placeholder="Username"
+                  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="Password"
+                  toggleMask
+                  :feedback="false"
+                />
               </span>
             </div>
             <InlineMessage class="flex-auto" v-if="v$.form.password.$error"