diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 92dc87f..f7927a0 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -11,10 +11,8 @@
           <div
             class="col-md-2 d-flex flex-column justify-content-center align-items-left"
             style="margin-right: -85px"
-            style="margin-right: -85px"
           >
             <img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
-            <img class="logo-img1" src="img/e-Rahn_Logo_FA-01.png" alt="erahn-logo" />
           </div>
           <div
             class="col-md-2 d-flex flex-column justify-content-center align-items-left"
@@ -32,6 +30,7 @@
         <router-link
           v-bind:to="{ name: 'register' }"
           class="font-medium no-underline ml-2 text-white cursor-pointer"
+          class="font-medium no-underline ml-2 text-white cursor-pointer"
           >Daftar sekarang!
         </router-link>
       </div>
@@ -57,6 +56,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"
@@ -65,9 +71,6 @@
             <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
               >Username diperlukan</InlineMessage
             >
-            <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
-              >Username diperlukan</InlineMessage
-            >
           </div>
           <div class="field grid">
             <!-- <label for="firstname3"
@@ -90,6 +93,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"
@@ -98,9 +108,6 @@
             <InlineMessage class="flex-auto" v-if="v$.form.password.$error"
               >Kata laluan diperlukan</InlineMessage
             >
-            <InlineMessage class="flex-auto" v-if="v$.form.password.$error"
-              >Kata laluan diperlukan</InlineMessage
-            >
           </div>
           <div class="">
             <Button
@@ -269,10 +276,6 @@ export default {
   background: #fff9f9eb !important;
 }
 
-.content-bg {
-  background: #fff9f9eb !important;
-}
-
 .logo-img {
   color: white;
   width: 180px;
@@ -294,14 +297,6 @@ export default {
   height: 50px;
 }
 
-.logo-img2 {
-  width: 50px;
-  height: 60px;
-.logo-img1 {
-  width: 50px;
-  height: 50px;
-}
-
 .logo-img2 {
   width: 50px;
   height: 60px;