diff --git a/assets/js/vue-admin.js b/assets/js/vue-admin.js
index b1dd5b6da5..9000ff6824 100644
--- a/assets/js/vue-admin.js
+++ b/assets/js/vue-admin.js
@@ -3176,8 +3176,9 @@ var render = function() {
                                       expression: "vendorInfo.admin_commission"
                                     }
                                   ],
-                                  staticClass: "dokan-form-input percent_fee",
-                                  attrs: { type: "number" },
+                                  staticClass:
+                                    "wc_input_decimal dokan-form-input percent_fee",
+                                  attrs: { type: "text" },
                                   domProps: {
                                     value: _vm.vendorInfo.admin_commission
                                   },
@@ -3210,8 +3211,9 @@ var render = function() {
                                         "vendorInfo.admin_additional_fee"
                                     }
                                   ],
-                                  staticClass: "dokan-form-input fixed_fee",
-                                  attrs: { type: "number" },
+                                  staticClass:
+                                    "wc_input_price dokan-form-input fixed_fee",
+                                  attrs: { type: "text" },
                                   domProps: {
                                     value: _vm.vendorInfo.admin_additional_fee
                                   },
@@ -3249,7 +3251,13 @@ var render = function() {
                               }
                             ],
                             staticClass: "dokan-form-input",
-                            attrs: { type: "number" },
+                            class: {
+                              wc_input_price:
+                                _vm.selectedCommissionType.name == "flat",
+                              wc_input_decimal:
+                                _vm.selectedCommissionType.name != "flat"
+                            },
+                            attrs: { type: "text" },
                             domProps: {
                               value: _vm.vendorInfo.admin_commission
                             },
diff --git a/assets/js/vue-bootstrap.js b/assets/js/vue-bootstrap.js
index 263786aff8..93ad160429 100644
--- a/assets/js/vue-bootstrap.js
+++ b/assets/js/vue-bootstrap.js
@@ -3171,8 +3171,9 @@ var render = function() {
                                       expression: "vendorInfo.admin_commission"
                                     }
                                   ],
-                                  staticClass: "dokan-form-input percent_fee",
-                                  attrs: { type: "number" },
+                                  staticClass:
+                                    "wc_input_decimal dokan-form-input percent_fee",
+                                  attrs: { type: "text" },
                                   domProps: {
                                     value: _vm.vendorInfo.admin_commission
                                   },
@@ -3205,8 +3206,9 @@ var render = function() {
                                         "vendorInfo.admin_additional_fee"
                                     }
                                   ],
-                                  staticClass: "dokan-form-input fixed_fee",
-                                  attrs: { type: "number" },
+                                  staticClass:
+                                    "wc_input_price dokan-form-input fixed_fee",
+                                  attrs: { type: "text" },
                                   domProps: {
                                     value: _vm.vendorInfo.admin_additional_fee
                                   },
@@ -3244,7 +3246,13 @@ var render = function() {
                               }
                             ],
                             staticClass: "dokan-form-input",
-                            attrs: { type: "number" },
+                            class: {
+                              wc_input_price:
+                                _vm.selectedCommissionType.name == "flat",
+                              wc_input_decimal:
+                                _vm.selectedCommissionType.name != "flat"
+                            },
+                            attrs: { type: "text" },
                             domProps: {
                               value: _vm.vendorInfo.admin_commission
                             },
diff --git a/includes/Vendor/Manager.php b/includes/Vendor/Manager.php
index 5a126c5051..9ca11e79ef 100644
--- a/includes/Vendor/Manager.php
+++ b/includes/Vendor/Manager.php
@@ -290,13 +290,13 @@ public function update( $vendor_id, $data = [] ) {
                 $vendor->update_meta( 'dokan_publishing', 'no' );
             }
 
-            if ( isset( $data['admin_commission'] ) && ( is_numeric( $data['admin_commission'] ) || '' === $data['admin_commission'] ) ) {
-                $vendor->update_meta( 'dokan_admin_percentage', $data['admin_commission'] );
-            }
-
             if ( ! empty( $data['admin_commission_type'] ) ) {
                 $vendor->update_meta( 'dokan_admin_percentage_type', $data['admin_commission_type'] );
             }
+
+            if ( isset( $data['admin_commission'] ) && ( is_numeric( $data['admin_commission'] ) || '' === $data['admin_commission'] ) ) {
+                $vendor->update_meta( 'dokan_admin_percentage', wc_format_decimal( $data['admin_commission'] ) );
+            }
         }
 
         // update vendor store data
diff --git a/src/admin/pages/VendorPaymentFields.vue b/src/admin/pages/VendorPaymentFields.vue
index 4710f2858f..faef84adac 100644
--- a/src/admin/pages/VendorPaymentFields.vue
+++ b/src/admin/pages/VendorPaymentFields.vue
@@ -68,15 +68,15 @@
                     <div class="column combine-commission" v-if="'combine' === selectedCommissionType.name">
                         <label>{{ __( 'Admin Commission', 'dokan-lite' )  }}</label>
                         <div class="combine-commission-field">
-                            <input type="number" class="dokan-form-input percent_fee" v-model="vendorInfo.admin_commission">
+                            <input type="text" class="wc_input_decimal dokan-form-input percent_fee" v-model="vendorInfo.admin_commission">
                             {{ '% &nbsp;&nbsp; +' }}
-                            <input type="number" class="dokan-form-input fixed_fee" v-model="vendorInfo.admin_additional_fee">
+                            <input type="text" class="wc_input_price dokan-form-input fixed_fee" v-model="vendorInfo.admin_additional_fee">
                         </div>
                     </div>
 
                     <div class="column" v-else>
                         <label>{{ __( 'Admin Commission', 'dokan-lite' )  }}</label>
-                        <input type="number" class="dokan-form-input" v-model="vendorInfo.admin_commission">
+                        <input type="text" class="dokan-form-input" :class="{ 'wc_input_price': selectedCommissionType.name == 'flat', 'wc_input_decimal': selectedCommissionType.name != 'flat' }" v-model="vendorInfo.admin_commission">
                     </div>
                 </template>
 
@@ -259,4 +259,4 @@ export default {
         }
     }
 }
-</style>
\ No newline at end of file
+</style>