diff --git a/src/components/authentication/TheLogin.vue b/src/components/authentication/TheLogin.vue
index 52a4641..6cb37c0 100644
--- a/src/components/authentication/TheLogin.vue
+++ b/src/components/authentication/TheLogin.vue
@@ -29,7 +29,7 @@
         >
         <router-link
           v-bind:to="{ name: 'register' }"
-          class="font-medium ml-2 text-blue cursor-pointer"
+          class="font-medium no-underline ml-2 text-white cursor-pointer"
           >Daftar sekarang!
         </router-link>
       </div>
@@ -48,11 +48,21 @@
                   placeholder="Username"
                   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"
               >Username diperlukan</InlineMessage
             >
+            <InlineMessage class="flex-auto" v-if="v$.form.username.$error"
+              >Username diperlukan</InlineMessage
+            >
           </div>
           <div class="field grid">
             <!-- <label for="firstname3"
@@ -67,6 +77,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 @click="doLogin()" type="submit" class="p-button-sm" label="Log Masuk" icon="pi pi-sign-in"
diff --git a/src/components/bid-record/BidRecordList.vue b/src/components/bid-record/BidRecordList.vue
index e64b9f6..6785f3b 100644
--- a/src/components/bid-record/BidRecordList.vue
+++ b/src/components/bid-record/BidRecordList.vue
@@ -302,4 +302,18 @@ export default {
 .container-height {
   min-height: 70vh;
 }
+
+.style-info {
+  background: #e4f8f0;
+  border: solid #1ea97c;
+  border-width: 0px;
+  color: #1ea97c;
+  font-size: 1rem;
+  align-items: center;
+  display: flex;
+  padding: 0.4rem 0.9rem;
+  margin: 0;
+  border-radius: 6px;
+  font-weight: 400;
+}
 </style>
\ No newline at end of file
diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 23ba3e9..c76781d 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -768,4 +768,4 @@ a.router-link-exact-active:hover {
 .arrow-logo {
   font-size: 0.5rem;
 }
-</style>
\ No newline at end of file
+</style>