diff --git a/frontend/src/business/components/common/components/MsTableOperators.vue b/frontend/src/business/components/common/components/MsTableOperators.vue
index 6150779680f1..37200c65bdf7 100644
--- a/frontend/src/business/components/common/components/MsTableOperators.vue
+++ b/frontend/src/business/components/common/components/MsTableOperators.vue
@@ -1,5 +1,5 @@
 <template>
-  <span>
+  <span class="operator-btn-group">
     <ms-table-operator-button v-for="(btn, index) in buttons" :key="index"
                               v-permission="btn.permissions"
                               :disabled="isDisable(btn)"
diff --git a/frontend/src/business/components/track/plan/components/TestPlanList.vue b/frontend/src/business/components/track/plan/components/TestPlanList.vue
index e137abbc93f0..3f306b535139 100644
--- a/frontend/src/business/components/track/plan/components/TestPlanList.vue
+++ b/frontend/src/business/components/track/plan/components/TestPlanList.vue
@@ -274,7 +274,7 @@
         <ms-table-operator-button :tip="$t('commons.edit')" icon="el-icon-edit"
                                   @exec="handleEdit(scope.row)" v-permission="['PROJECT_TRACK_PLAN:READ+EDIT']"
                                   :disabled="scope.row.status === 'Archived'"
-                                  style="margin-right: 10px"/>
+        />
       </template>
       <template v-slot:opt-behind="scope">
         <el-tooltip :content="$t('commons.follow')" placement="bottom" effect="dark" v-if="!scope.row.showFollow">
@@ -851,4 +851,8 @@ export default {
 .scenario-ext-btn {
   margin-left: 10px;
 }
+
+.table-card >>> .operator-btn-group {
+  margin-left: 10px;
+}
 </style>