diff --git a/packages/editor/src/fields/KeyValue.vue b/packages/editor/src/fields/KeyValue.vue
index 7c6f55ed..cb433ebb 100644
--- a/packages/editor/src/fields/KeyValue.vue
+++ b/packages/editor/src/fields/KeyValue.vue
@@ -9,7 +9,7 @@
           :size="size"
           @change="keyChangeHandler"
         ></TMagicInput>
-        <span class="m-fileds-key-value-delimiter">:</span>
+        <span class="m-fields-key-value-delimiter">:</span>
         <TMagicInput
           placeholder="value"
           v-model="records[index][1]"
@@ -19,7 +19,7 @@
         ></TMagicInput>
 
         <TMagicButton
-          class="m-fileds-key-value-delete"
+          class="m-fields-key-value-delete"
           type="danger"
           :size="size"
           :disabled="disabled"
diff --git a/packages/editor/src/theme/key-value.scss b/packages/editor/src/theme/key-value.scss
index 7a7cb84f..1113298f 100644
--- a/packages/editor/src/theme/key-value.scss
+++ b/packages/editor/src/theme/key-value.scss
@@ -11,10 +11,10 @@
   align-items: center;
 }
 
-.m-fileds-key-value-delimiter {
+.m-fields-key-value-delimiter {
   margin: 0 10px;
 }
 
-.m-fileds-key-value-delete {
+.m-fields-key-value-delete {
   margin-left: 10px;
 }