diff --git a/ayanova/src/views/cust-customer.vue b/ayanova/src/views/cust-customer.vue
index 9021cd4c..7a33e21f 100644
--- a/ayanova/src/views/cust-customer.vue
+++ b/ayanova/src/views/cust-customer.vue
@@ -131,17 +131,16 @@
                   lg="4"
                   xl="3"
                 >
-                  <v-text-field
+                  <gz-phone
                     v-model="obj.phone2"
                     :readonly="formState.readOnly"
                     :disabled="formState.readOnly"
                     :label="$ay.t('CustomerPhone2')"
                     ref="phone2"
-                    data-cy="phone2"
-                    type="tel"
+                    data-cy="phone2"                   
                     :error-messages="form().serverErrors(this, 'phone2')"
                     @input="fieldValueChanged('phone2')"
-                  ></v-text-field>
+                  ></gz-phone>
                 </v-col>
 
                 <v-col
@@ -151,17 +150,16 @@
                   lg="4"
                   xl="3"
                 >
-                  <v-text-field
+                  <gz-phone
                     v-model="obj.phone3"
                     :readonly="formState.readOnly"
                     :disabled="formState.readOnly"
                     :label="$ay.t('CustomerPhone3')"
                     ref="phone3"
                     data-cy="phone3"
-                    type="tel"
                     :error-messages="form().serverErrors(this, 'phone3')"
                     @input="fieldValueChanged('phone3')"
-                  ></v-text-field>
+                  ></gz-phone>
                 </v-col>
 
                 <v-col
@@ -171,17 +169,16 @@
                   lg="4"
                   xl="3"
                 >
-                  <v-text-field
+                  <gz-phone
                     v-model="obj.phone4"
                     :readonly="formState.readOnly"
                     :disabled="formState.readOnly"
                     :label="$ay.t('CustomerPhone4')"
                     ref="phone4"
                     data-cy="phone4"
-                    type="tel"
                     :error-messages="form().serverErrors(this, 'phone4')"
                     @input="fieldValueChanged('phone4')"
-                  ></v-text-field>
+                  ></gz-phone>
                 </v-col>
 
                 <v-col
@@ -191,17 +188,16 @@
                   lg="4"
                   xl="3"
                 >
-                  <v-text-field
+                  <gz-phone
                     v-model="obj.phone5"
                     :readonly="formState.readOnly"
                     :disabled="formState.readOnly"
                     :label="$ay.t('CustomerPhone5')"
                     ref="phone5"
                     data-cy="phone5"
-                    type="tel"
                     :error-messages="form().serverErrors(this, 'phone5')"
                     @input="fieldValueChanged('phone5')"
-                  ></v-text-field>
+                  ></gz-phone>
                 </v-col>
 
                 <v-col