diff --git a/resources/assets/js/pages/settings/admin-marking-setting.vue b/resources/assets/js/pages/settings/admin-marking-setting.vue
index 07bccc2d..491c9aa2 100644
--- a/resources/assets/js/pages/settings/admin-marking-setting.vue
+++ b/resources/assets/js/pages/settings/admin-marking-setting.vue
@@ -28,8 +28,9 @@
 			    </el-form>
 				<div align="right">
 					<el-button @click="EditDatadialogVisible = false">Cancel</el-button>
-					<el-button type="primary" icon="el-icon-plus" @click="CreateMarking('markingForm')">Add New Data</el-button>
+                <el-button type="primary"  :loading="loading_btn"  @click="CreateMarking('markingForm')">Add New Data</el-button>
 				</div>
+
 			</el-dialog>
 			<el-dialog align="center" :visible.sync="DoneAddDatadialogVisible" width="30%">
 				<span>Data Added Successfully</span><br><br>
@@ -109,6 +110,7 @@
 	    },
 		methods: {
 			CreateMarking : function(formName){	
+				this.loading_btn = true
 				this.AddDatadialogVisible = false;
 				this.$refs[formName].validate((valid) => {
 					if (valid) {