diff --git a/public/css/akaunting-color.css b/public/css/akaunting-color.css
index 6b157e40d..3787d0138 100644
--- a/public/css/akaunting-color.css
+++ b/public/css/akaunting-color.css
@@ -2124,7 +2124,7 @@ button.bg-red:focus
 
 /*--------Form Error Color--------*/
 /*--Required Sign Color--*/
-div.required > .form-control-label:not(span):after, td.required:after
+div.required > .form-control-label:not(span):after, td.required:after, button.document-contact-without-contact-box-btn > span.text-add-contact::after
 {
     content: ' *';
     color: #ef3232;
diff --git a/resources/assets/js/components/AkauntingContactCard.vue b/resources/assets/js/components/AkauntingContactCard.vue
index dfb7b989b..0a16184b3 100644
--- a/resources/assets/js/components/AkauntingContactCard.vue
+++ b/resources/assets/js/components/AkauntingContactCard.vue
@@ -9,7 +9,7 @@
                                 <div class="aka-box-content">
                                     <div class="document-contact-without-contact-box">
                                         <button type="button" class="btn-aka-link aka-btn--fluid document-contact-without-contact-box-btn" @click="onContactList">
-                                            <i class="far fa-user fa-2x"></i> &nbsp; {{ addContactText }}
+                                           <i class="far fa-user fa-2x"></i> &nbsp; <span class="text-add-contact"> {{ addContactText }} </span>
                                         </button>
                                     </div>
                                 </div>
@@ -198,7 +198,6 @@ export default {
             default: () => [],
             description: 'List of Contacts'
         },
-
         addNew: {
             type: Object,
             default: function () {