diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 88483b1..8f9ed50 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -11,8 +11,10 @@
           <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"
@@ -30,6 +32,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>
@@ -52,7 +55,7 @@
                   class="mb-2"
                   v-model="form.username"
                   type="text"
-                  placeholder="Username"
+                  placeholder="ID Pengguna"
                   required
                 ></InputText>
               </span>
@@ -63,6 +66,9 @@
             <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"
@@ -81,7 +87,7 @@
                 <Password
                   class="mb-2"
                   v-model="form.password"
-                  placeholder="Password"
+                  placeholder="Katalaluan"
                   toggleMask
                   :feedback="false"
                 />
@@ -93,6 +99,9 @@
             <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
@@ -261,6 +270,10 @@ export default {
   background: #fff9f9eb !important;
 }
 
+.content-bg {
+  background: #fff9f9eb !important;
+}
+
 .logo-img {
   color: white;
   width: 180px;
@@ -282,6 +295,14 @@ export default {
   height: 50px;
 }
 
+.logo-img2 {
+  width: 50px;
+  height: 60px;
+.logo-img1 {
+  width: 50px;
+  height: 50px;
+}
+
 .logo-img2 {
   width: 50px;
   height: 60px;