diff --git a/resources/assets/sass/_var.scss b/resources/assets/sass/_var.scss
index 6c0da668..b0f051e8 100644
--- a/resources/assets/sass/_var.scss
+++ b/resources/assets/sass/_var.scss
@@ -93,7 +93,7 @@ $panel-condensed-heading-min-height: 48px !default;
 
 //Forms
 $form-group-height: 54px !default;
-$form-control-border-color: rgba($color-black, .07) !default;
+$form-control-border-color: rgba($color-black, .2) !default;
 
 //Dashboard
 $dashboard-background : #f5f5f5 !default;
diff --git a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
index b1a404f8..e436960a 100644
--- a/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
+++ b/resources/assets/vue/components/accounts/forms/RegistrationFormComponent.vue
@@ -61,7 +61,7 @@
                                             <div class="row m-b-15" v-show="parameters.type === 1">
                                                 <div class="col">
                                                     <validation-wrapper-component :validator="$v.parameters.company_name">
-                                                        <label class="muted">Company Name</label>
+                                                        <label>Company Name</label>
                                                         <input class="form-control" v-model="parameters.company_name">
                                                     </validation-wrapper-component>
                                                 </div>
@@ -69,13 +69,13 @@
                                             <div class="row m-b-15">
                                                 <div class="col p-r-5">
                                                     <validation-wrapper-component :validator="$v.parameters.name">
-                                                        <label class="muted">Full Name</label>
+                                                        <label>Full Name</label>
                                                         <input class="form-control" v-model="parameters.name">
                                                     </validation-wrapper-component>
                                                 </div>
                                                 <div class="col p-l-5">
                                                     <validation-wrapper-component :validator="$v.parameters.phone">
-                                                        <label class="muted">Phone</label>
+                                                        <label>Phone</label>
                                                         <input class="form-control" v-model="parameters.phone">
                                                     </validation-wrapper-component>
                                                 </div>
@@ -94,7 +94,7 @@
                                     <div class="row m-b-15">
                                         <div class="col">
                                             <validation-wrapper-component :validator="$v.parameters.email">
-                                                <label class="muted">Email</label>
+                                                <label>Email</label>
                                                 <input class="form-control" v-model="parameters.email">
                                             </validation-wrapper-component>
                                         </div>
@@ -102,13 +102,13 @@
                                     <div class="row m-b-15">
                                         <div class="col p-r-5">
                                             <validation-wrapper-component :validator="$v.parameters.password">
-                                                <label class="muted">Password</label>
+                                                <label>Password</label>
                                                 <input class="form-control" type="password" v-model="parameters.password">
                                             </validation-wrapper-component>
                                         </div>
                                         <div class="col p-l-5">
                                             <validation-wrapper-component :validator="$v.parameters.password_confirmation">
-                                                <label class="muted">Password Confirmation</label>
+                                                <label>Password Confirmation</label>
                                                 <input class="form-control" type="password" v-model="parameters.password_confirmation">
                                             </validation-wrapper-component>
                                         </div>
diff --git a/resources/assets/vue/components/address/forms/AddressFormComponent.vue b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
index a201f4e5..bdd5af7a 100644
--- a/resources/assets/vue/components/address/forms/AddressFormComponent.vue
+++ b/resources/assets/vue/components/address/forms/AddressFormComponent.vue
@@ -6,13 +6,13 @@
                     <div class="row m-b-15">
                         <div class="col-6 p-r-5">
                             <validation-wrapper-component selecatable :validator="$v.parameters.district_id">
-                                <label class="muted">District</label>
+                                <label>District</label>
                                 <selectable-component :endpoint="route('api.address.district.list')" section="districtListSection" valueColumn="id" :labelColumn="['city']" v-model="parameters.district_id"></selectable-component>
                             </validation-wrapper-component>
                         </div>
                         <div class="col-4 p-l-5">
                             <validation-wrapper-component :validator="$v.parameters.post_code">
-                                <label class="muted">Post Code</label>
+                                <label>Post Code</label>
                                 <input class="form-control" name="post_code" v-model="parameters.post_code">
                             </validation-wrapper-component>
                         </div>
@@ -20,7 +20,7 @@
                     <div class="row m-b-15">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.street_one">
-                                <label class="muted">Address Line 1</label>
+                                <label>Address Line 1</label>
                                 <input class="form-control" name="street_one" v-model="parameters.street_one">
                             </validation-wrapper-component>
                         </div>
@@ -28,7 +28,7 @@
                     <div class="row m-b-15">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.street_two">
-                                <label class="muted">Address Line 2</label>
+                                <label>Address Line 2</label>
                                 <input class="form-control" name="street_two" v-model="parameters.street_two">
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/announcements/forms/AssignAnnouncementToSegmentFormComponent.vue b/resources/assets/vue/components/announcements/forms/AssignAnnouncementToSegmentFormComponent.vue
index aadb5a65..cc79b885 100644
--- a/resources/assets/vue/components/announcements/forms/AssignAnnouncementToSegmentFormComponent.vue
+++ b/resources/assets/vue/components/announcements/forms/AssignAnnouncementToSegmentFormComponent.vue
@@ -18,7 +18,7 @@
                     <div class="row m-b-15">
                         <div class="col">
                             <validation-wrapper-component selecatable :validator="$v.parameters.segment_id">
-                                <label class="muted">Segment</label>
+                                <label>Segment</label>
                                 <selectable-component :endpoint="route('api.segment.list') + '?filters=' + JSON.stringify({'id_not_in': currentSegmentIds})" :section="'segmentsListSection_'+data.id" valueColumn="id" :labelColumn="['name']" v-model="parameters.segment_id"></selectable-component> 
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue b/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
index 66624778..3685b0c1 100644
--- a/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
+++ b/resources/assets/vue/components/banks/forms/BankAccountFormComponent.vue
@@ -17,7 +17,7 @@
                     <div class="row m-b-10" v-if="type === 2">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.reference">
-                                <label class="muted">Reference</label>
+                                <label>Reference</label>
                                 <input type="text" class="form-control" v-model="parameters.reference">
                             </validation-wrapper-component>
                         </div>
@@ -25,7 +25,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.holder_name">
-                                <label class="muted">Account Holder Name</label>
+                                <label>Account Holder Name</label>
                                 <input type="text" class="form-control" v-model="parameters.holder_name">
                             </validation-wrapper-component>
                         </div>
@@ -33,7 +33,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.account_no">
-                                <label class="muted">Account No.</label>
+                                <label>Account No.</label>
                                 <input type="text" class="form-control" v-model="parameters.account_no">
                             </validation-wrapper-component>
                         </div>
@@ -43,7 +43,7 @@
                             <div class="row m-b-10">
                                 <div class="col">
                                     <validation-wrapper-component :validator="$v.parameters.bank_name">
-                                        <label class="muted">Bank Name</label>
+                                        <label>Bank Name</label>
                                         <input type="text" class="form-control" v-model="parameters.bank_name">
                                     </validation-wrapper-component>
                                 </div>
@@ -51,7 +51,7 @@
                             <div class="row m-b-10">
                                 <div class="col">
                                     <validation-wrapper-component :validator="$v.parameters.bank_branch">
-                                        <label class="muted">Bank Branch / 所在地</label>
+                                        <label>Bank Branch / 所在地</label>
                                         <input type="text" class="form-control" v-model="parameters.bank_branch">
                                     </validation-wrapper-component>
                                 </div>
@@ -59,13 +59,13 @@
                             <div class="row m-b-10 hide">
                                 <div class="col p-r-5">
                                     <validation-wrapper-component :validator="$v.parameters.swift">
-                                        <label class="muted">Swift</label>
+                                        <label>Swift</label>
                                         <input type="text" class="form-control" v-model="parameters.swift">
                                     </validation-wrapper-component>
                                 </div>
                                 <div class="col p-l-5">
                                     <validation-wrapper-component :validator="$v.parameters.snap">
-                                        <label class="muted">Snap</label>
+                                        <label>Snap</label>
                                         <input type="text" class="form-control" v-model="parameters.snap">
                                     </validation-wrapper-component>
                                 </div>
@@ -75,7 +75,7 @@
                     <div class="row m-b-20" v-if="type !== 2">
                         <div class="col">
                             <validation-wrapper-component selecatable :validator="$v.parameters.bank_name">
-                                <label class="muted">Bank Name</label>
+                                <label>Bank Name</label>
                                 <selectable-component endpoint="malaysian_banks.json" section="banksListSection" valueColumn="name" :labelColumn="['name']" v-model="parameters.bank_name"></selectable-component>
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
index cd4a03ef..9909ae8e 100644
--- a/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/BookingPaymentQuotationComponent.vue
@@ -178,7 +178,7 @@
                                     <div class="row m-r-0">
                                         <div class="col p-r-0">
                                             <validation-wrapper-component :validator="$v.amount">
-                                                <label class="muted">Amount</label>
+                                                <label>Amount</label>
                                                 <input class="form-control" name="amount" v-model.lazy="amount" v-money="{decimal: '.',thousands: ',', precision: 2}">
                                             </validation-wrapper-component>
                                         </div>
diff --git a/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue b/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
index de4d5d57..7d4aeaed 100644
--- a/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/SupplierPlaceOrderFormComponent.vue
@@ -40,7 +40,7 @@
             <div class="row">
                 <div class="col">
                     <validation-wrapper-component :validator="$v.parameters.rate">
-                        <label class="muted all-caps">Purchase Rate</label>
+                        <label class="all-caps">Purchase Rate</label>
                         <input type="text" class="form-control" v-model.lazy="parameters.rate" v-money="exchangeRate">
                     </validation-wrapper-component>
                 </div>
diff --git a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
index 4d02b219..39eed578 100644
--- a/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
+++ b/resources/assets/vue/components/companies/elements/CompanyDetailsComponent.vue
@@ -2,23 +2,23 @@
     <div class="row align-items-center m-b-10 parentContainer">
         <div class="row w-100 m-0 p-0" v-show="!displayAddressForm">
             <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">Reference</label>
+                <label :style="minWidth">Reference</label>
                 <label>{{this.company_details.reference ? this.company_details.reference : ""}}</label>
             </div>
             <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">Business Type</label>
+                <label :style="minWidth">Business Type</label>
                 <label>{{this.company_details.business_type ? getBusinessTypeDesc(this.company_details.business_type) : ""}}</label>
             </div>
             <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">Email</label>
+                <label :style="minWidth">Email</label>
                 <label><i class="fa fa-envelope text-primary fs-10"></i>&nbsp;{{this.company_details.employee ? this.company_details.employee.email : ""}}</label>
             </div>
             <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">Contacts</label>
+                <label :style="minWidth">Contacts</label>
                 <label><i class="fa fa-envelope text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.email : ""}}</label>
             </div>
             <div class="col-12 p-0">
-                <label class="muted" :style="minWidth">&nbsp;</label>
+                <label :style="minWidth">&nbsp;</label>
                 <label><i class="fa fa-phone text-primary fs-10"></i>&nbsp;{{this.company_details.contact ? this.company_details.contact.phone : ""}}</label>
             </div>
             <div class="col-12 p-0" v-if="this.company_details.identification && this.company_details.identification.document_type">
diff --git a/resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue b/resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue
index 401a832c..7f18e778 100644
--- a/resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue
+++ b/resources/assets/vue/components/companies/forms/AssignSegmentFormComponent.vue
@@ -18,7 +18,7 @@
                     <div class="row m-b-15">
                         <div class="col">
                             <validation-wrapper-component selecatable :validator="$v.parameters.segment_id">
-                                <label class="muted">Segment</label>
+                                <label>Segment</label>
                                 <selectable-component :endpoint="route('api.segment.list') + '?filters=' + JSON.stringify({'id_not_in': currentSegmentIds})" :section="multiple?'segmentsListSection_'+data.id:'segmentsListSection'" valueColumn="id" :labelColumn="['name']" v-model="parameters.segment_id"></selectable-component>                                
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue b/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
index 20681a78..6c346db6 100644
--- a/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
+++ b/resources/assets/vue/components/companies/forms/SupplierFormComponent.vue
@@ -17,7 +17,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.company_name">
-                                <label class="muted">Supplier Name</label>
+                                <label>Supplier Name</label>
                                 <input type="text" class="form-control" v-model="parameters.company_name">
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/settings/elements/CurrenciesListComponent.vue b/resources/assets/vue/components/settings/elements/CurrenciesListComponent.vue
index dd88254a..3554a8f2 100644
--- a/resources/assets/vue/components/settings/elements/CurrenciesListComponent.vue
+++ b/resources/assets/vue/components/settings/elements/CurrenciesListComponent.vue
@@ -27,7 +27,7 @@
                                             <div class="row">
                                                 <div class="col p-r-0">
                                                     <validation-wrapper-component class="no-border" :validator="$v.parameters.currencies.$each[index].minimum_limit.value">
-                                                        <label class="muted">Minimum Limit</label>
+                                                        <label>Minimum Limit</label>
                                                         <input type="text" class="form-control" v-model.lazy="item.minimum_limit.value" v-money="money" :disabled="!item.active">
                                                     </validation-wrapper-component>
                                                 </div>
@@ -44,7 +44,7 @@
                                             <div class="row">
                                                 <div class="col p-r-0">
                                                     <validation-wrapper-component :validator="$v.parameters.currencies.$each[index].maximum_limit.value">
-                                                        <label class="muted">Maximum Limit</label>
+                                                        <label>Maximum Limit</label>
                                                         <input type="text" class="form-control" v-model.lazy="item.maximum_limit.value" v-money="money" :disabled="!item.active">
                                                     </validation-wrapper-component>
                                                 </div>
@@ -76,7 +76,7 @@
                                     <div class="row">
                                         <div class="col-4 p-l-5 p-r-5 m-b-10" v-for="(rate, method) in item.rates">
                                             <validation-wrapper-component :validator="$v.parameters.currencies.$each[index].rates.$each[method].selling.value" :class="[{'hint-text': rate.payment_method === 'wallet' || rate.payment_method === 'payment gateway'}]">
-                                                <label class="muted all-caps">{{rate.payment_method}}</label>
+                                                <label class="all-caps">{{rate.payment_method}}</label>
                                                 <input type="text" class="form-control" v-model.lazy="rate.selling.value" v-money="exchangeRate" :disabled="!item.active || rate.payment_method === 'wallet' || rate.payment_method === 'payment gateway'">
                                             </validation-wrapper-component>
                                         </div>
diff --git a/resources/assets/vue/components/settings/forms/AddCurrencyFormComponent.vue b/resources/assets/vue/components/settings/forms/AddCurrencyFormComponent.vue
index a720679b..58ce0e64 100644
--- a/resources/assets/vue/components/settings/forms/AddCurrencyFormComponent.vue
+++ b/resources/assets/vue/components/settings/forms/AddCurrencyFormComponent.vue
@@ -18,7 +18,7 @@
                     <div class="row m-b-15">
                         <div class="col">
                             <validation-wrapper-component selecatable :validator="$v.parameters.country_short_code">
-                                <label class="muted">Currency</label>
+                                <label>Currency</label>
                                 <selectable-component :endpoint="route('api.service.list.countries')" section="countriesListSection" valueColumn="iso_3166_1_alpha2" :labelColumn="['currency', 'name']" v-model="parameters.country_short_code"></selectable-component>
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/settings/forms/AnnouncementFormComponent.vue b/resources/assets/vue/components/settings/forms/AnnouncementFormComponent.vue
index 1430a078..a29f7572 100644
--- a/resources/assets/vue/components/settings/forms/AnnouncementFormComponent.vue
+++ b/resources/assets/vue/components/settings/forms/AnnouncementFormComponent.vue
@@ -17,7 +17,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.title">
-                                <label class="muted">Title</label>
+                                <label>Title</label>
                                 <input type="text" class="form-control" v-model="parameters.title">
                             </validation-wrapper-component>
                         </div>
@@ -25,7 +25,7 @@
                     <div class="row">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.description">
-                                <label class="muted">Message</label>
+                                <label>Message</label>
                                 <textarea class="form-control h-75" v-model="parameters.description"  rows="20"></textarea>
                             </validation-wrapper-component>
                         </div>
@@ -34,13 +34,13 @@
                     <div class="row m-b-20">
                         <div class="col-6">
                             <validation-wrapper-component :validator="$v.parameters.starting_on">
-                                <label class="muted">Start Date</label>
+                                <label>Start Date</label>
                                 <input type="date" v-model="parameters.starting_on">
                             </validation-wrapper-component>
                         </div>
                         <div class="col-6">
                             <validation-wrapper-component :validator="$v.parameters.ending_on">
-                                <label class="muted">End Date</label>
+                                <label>End Date</label>
                                 <input type="date" v-model="parameters.ending_on">
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/settings/forms/SegmentFormComponent.vue b/resources/assets/vue/components/settings/forms/SegmentFormComponent.vue
index cc24b2c8..c8f114cf 100644
--- a/resources/assets/vue/components/settings/forms/SegmentFormComponent.vue
+++ b/resources/assets/vue/components/settings/forms/SegmentFormComponent.vue
@@ -17,7 +17,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.name">
-                                <label class="muted">Segment Name</label>
+                                <label>Segment Name</label>
                                 <input type="text" class="form-control" v-model="parameters.name">
                             </validation-wrapper-component>
                         </div>
diff --git a/resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue b/resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
index 92498f2d..5405ae6e 100644
--- a/resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
+++ b/resources/assets/vue/components/settings/forms/SegmentServiceFormComponent.vue
@@ -44,7 +44,7 @@
                                     <div class="row">
                                         <div class="col-5 p-r-0">
                                             <validation-wrapper-component selecatable :validator="$v.custom_field">
-                                                <label class="muted">Custom Fields</label>
+                                                <label>Custom Fields</label>
                                                 <select-component :options="inActiveFields" v-model="custom_field"></select-component>
                                             </validation-wrapper-component>
                                         </div>
@@ -65,7 +65,7 @@
                                             <div class="row m-l-0 m-r-0 m-b-10">
                                                 <div class="col-4 p-l-5 p-r-5" v-show="custom_fields.tax.active">
                                                     <validation-wrapper-component :validator="$v.parameters.configurations.tax" >
-                                                        <label class="muted">Tax</label>
+                                                        <label>Tax</label>
                                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.tax"  v-money="percentage">
                                                         <div class="absolute lh-10" style="top: 0; right: 0;">
                                                             <i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('tax', false)"></i>
@@ -76,7 +76,7 @@
                                             <div class="row m-l-0 m-r-0 m-b-10">
                                                 <div class="col-4 p-l-5 p-r-5" v-show="custom_fields.service_charge.active">
                                                     <validation-wrapper-component :validator="$v.parameters.configurations.service_charge" >
-                                                        <label class="muted">Service Charge</label>
+                                                        <label>Service Charge</label>
                                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.service_charge"  v-money="percentage">
                                                         <div class="absolute lh-10" style="top: 0; right: 0;">
                                                             <i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('service_charge', false)"></i>
@@ -87,7 +87,7 @@
                                                     <div class="row">
                                                         <div class="col p-r-0">
                                                             <validation-wrapper-component :validator="$v.parameters.configurations.minimum_charge" >
-                                                                <label class="muted">Minimum Charge</label>
+                                                                <label>Minimum Charge</label>
                                                                 <input type="text" class="form-control" v-model.lazy="parameters.configurations.minimum_charge"  v-money="money">
                                                                 <div class="absolute lh-10" style="top: 0; right: 0;">
                                                                     <i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('minimum_charge', false)"></i>
@@ -107,7 +107,7 @@
                                             <div class="row m-l-0 m-r-0 m-b-5">
                                                 <div class="col-5 p-l-5 p-r-5" v-show="custom_fields.po_limit.active">
                                                     <validation-wrapper-component :validator="$v.parameters.configurations.po_limit" >
-                                                        <label class="muted">Abandoned PO Limit **</label>
+                                                        <label>Abandoned PO Limit **</label>
                                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.po_limit" v-money="integer">
                                                         <div class="absolute lh-10" style="top: 0; right: 0;">
                                                             <i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('po_limit', false)"></i>
@@ -116,7 +116,7 @@
                                                 </div>
                                                 <div class="col-7 p-l-5 p-r-5" v-show="custom_fields.bank_id.active">
                                                     <validation-wrapper-component selecatable :validator="$v.parameters.configurations.bank_id" >
-                                                        <label class="muted">Receivable Bank Account</label>
+                                                        <label>Receivable Bank Account</label>
                                                         <selectable-component :endpoint="route('api.bank.list')+'?filters={%22company_id%22:1}'" section="BankAccountListSection" valueColumn="id" :labelColumn="['bank_name', 'account_no']" v-model="parameters.configurations.bank_id"></selectable-component>
                                                         <div class="absolute lh-10" style="top: 0; right: 0;">
                                                             <i class="fa fa-times text-white pointer fs-12 bg-danger padding-5" @click="activateCustomField('bank_id', false)"></i>
diff --git a/resources/assets/vue/components/settings/forms/ServiceFormComponent.vue b/resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
index 6aad7fd4..002488cc 100644
--- a/resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
+++ b/resources/assets/vue/components/settings/forms/ServiceFormComponent.vue
@@ -18,7 +18,7 @@
                     <div class="row m-b-20">
                         <div class="col-5 p-r-10">
                             <validation-wrapper-component :validator="$v.parameters.name">
-                                <label class="muted">Service Name</label>
+                                <label>Service Name</label>
                                 <input type="text" class="form-control" v-model="parameters.name">
                             </validation-wrapper-component>
                         </div>
@@ -61,7 +61,7 @@
                             <div class="row m-b-10">
                                 <div class="col p-r-5">
                                     <validation-wrapper-component :validator="$v.parameters.configurations.service_charge.value">
-                                        <label class="muted">Service Charge</label>
+                                        <label>Service Charge</label>
                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.service_charge.value"  v-money="percentage">
                                     </validation-wrapper-component>
                                 </div>
@@ -69,7 +69,7 @@
                                     <div class="row">
                                         <div class="col p-r-0">
                                             <validation-wrapper-component :validator="$v.parameters.configurations.minimum_charge.value">
-                                                <label class="muted">Minimum Charge</label>
+                                                <label>Minimum Charge</label>
                                                 <input type="text" class="form-control" v-model.lazy="parameters.configurations.minimum_charge.value"  v-money="money">
                                             </validation-wrapper-component>
                                         </div>
@@ -84,7 +84,7 @@
                                 </div>
                                 <div class="col p-l-5" v-show="parameters.configurations.billable">
                                     <validation-wrapper-component :validator="$v.parameters.configurations.tax.value">
-                                        <label class="muted">Tax</label>
+                                        <label>Tax</label>
                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.tax.value"  v-money="percentage">
                                     </validation-wrapper-component>
                                 </div>
@@ -92,13 +92,13 @@
                             <div class="row m-b-5">
                                 <div class="col-5 p-r-0" v-show="parameters.configurations.billable">
                                     <validation-wrapper-component :validator="$v.parameters.configurations.po_limit.value">
-                                        <label class="muted">Abandoned PO Limit **</label>
+                                        <label>Abandoned PO Limit **</label>
                                         <input type="text" class="form-control" v-model.lazy="parameters.configurations.po_limit.value" >
                                     </validation-wrapper-component>
                                 </div>
                                 <div class="col">
                                     <validation-wrapper-component selecatable :validator="$v.parameters.configurations.bank_id">
-                                        <label class="muted">Receivable Bank Account</label>
+                                        <label>Receivable Bank Account</label>
                                         <selectable-component :endpoint="route('api.bank.list')+'?filters={%22company_id%22:1}'" section="BankAccountListSection" valueColumn="id" :labelColumn="['bank_name', 'account_no']" v-model="parameters.configurations.bank_id"></selectable-component>
                                     </validation-wrapper-component>
                                 </div>
diff --git a/resources/assets/vue/components/user/form/UserFormComponent.vue b/resources/assets/vue/components/user/form/UserFormComponent.vue
index 656495d4..5d283733 100644
--- a/resources/assets/vue/components/user/form/UserFormComponent.vue
+++ b/resources/assets/vue/components/user/form/UserFormComponent.vue
@@ -17,7 +17,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.name">
-                                <label class="muted">Name</label>
+                                <label>Name</label>
                                 <input type="text" class="form-control" v-model="parameters.name">
                             </validation-wrapper-component>
                         </div>
@@ -25,7 +25,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.email">
-                                <label class="muted">Email</label>
+                                <label>Email</label>
                                 <input type="text" class="form-control" v-model="parameters.email">
                             </validation-wrapper-component>
                         </div>
@@ -33,7 +33,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.password">
-                                <label class="muted">Password</label>
+                                <label>Password</label>
                                 <input type="password" class="form-control" v-model="parameters.password">
                             </validation-wrapper-component>
                         </div>
@@ -41,7 +41,7 @@
                     <div class="row m-b-10">
                         <div class="col">
                             <validation-wrapper-component :validator="$v.parameters.password_confirmation">
-                                <label class="muted">Password Confirmation</label>
+                                <label>Password Confirmation</label>
                                 <input type="password" class="form-control" v-model="parameters.password_confirmation">
                             </validation-wrapper-component>
                         </div>