diff --git a/frontend/src/business/components/api/definition/components/mock/MockConfigHeader.vue b/frontend/src/business/components/api/definition/components/mock/MockConfigHeader.vue
index 672c1c5df9..f03191fdc9 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockConfigHeader.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockConfigHeader.vue
@@ -19,7 +19,7 @@
         </el-col>
         <el-col :span="4">
           <el-button type="primary" size="small" style="float: right;margin-right: 50px;" @click="saveMockExpectConfig"
-                     title="ctrl + s">{{
+                     title="ctrl + s" v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']">{{
               $t('commons.save')
             }}
           </el-button>
diff --git a/frontend/src/business/components/api/definition/components/mock/MockTab.vue b/frontend/src/business/components/api/definition/components/mock/MockTab.vue
index 880f778be2..fb30f150b8 100644
--- a/frontend/src/business/components/api/definition/components/mock/MockTab.vue
+++ b/frontend/src/business/components/api/definition/components/mock/MockTab.vue
@@ -8,6 +8,7 @@
                 :clearable="true"
                 v-model="tableSearch"/>
       <el-button type="primary" style="float: right;margin-right: 10px" icon="el-icon-plus" size="small"
+                 v-permission="['PROJECT_API_DEFINITION:READ+EDIT_API']"
                  @click="addApiMock">{{ $t('commons.add') }}
       </el-button>