diff --git a/src/components/Mask.vue b/src/components/Mask.vue
index 78b985b..1ef3430 100644
--- a/src/components/Mask.vue
+++ b/src/components/Mask.vue
@@ -336,7 +336,7 @@ async function checkUpdate() {
             top: button.posY - 14 + 'px',
           }"
         >
-          {{ button.key }}
+          {{ button.type === "Fire" ? "Fire" : button.key }}
         </div>
       </template>
     </div>
diff --git a/src/components/keyboard/KeyCommon.vue b/src/components/keyboard/KeyCommon.vue
index 22dfcd7..ccaf5c0 100644
--- a/src/components/keyboard/KeyCommon.vue
+++ b/src/components/keyboard/KeyCommon.vue
@@ -267,7 +267,7 @@ function showSetting() {
         <NInput
           type="textarea"
           style="flex-grow: 1"
-          placeholder="$t('pages.KeyBoard.KeyCommon.macroModal.placeholder')"
+          :placeholder="$t('pages.KeyBoard.KeyCommon.macroModal.placeholder')"
           v-model:value="editedMacroRaw.down"
           @update:value="macroEditedFlag = true"
           round
diff --git a/src/components/keyboard/KeyFire.vue b/src/components/keyboard/KeyFire.vue
index 023a4c5..46592d8 100644
--- a/src/components/keyboard/KeyFire.vue
+++ b/src/components/keyboard/KeyFire.vue
@@ -84,6 +84,11 @@ function showSetting() {
   settingPosY.value = Math.min(keyMapping.value.posY - 40, maxHeight);
   keyboardStore.showButtonSettingFlag = true;
 }
+
+function changeDragSetting() {
+  keyMapping.value.drag = !keyMapping.value.drag;
+  keyboardStore.edited = true;
+}
 </script>
 
 <template>
@@ -143,7 +148,7 @@ function showSetting() {
   >
     <NH4 prefix="bar">{{ $t("pages.KeyBoard.KeyFire.fire") }}</NH4>
     <NCheckbox
-      @click="keyMapping.drag = !keyMapping.drag"
+      @click="changeDragSetting"
       :checked="keyMapping.drag"
       style="margin-bottom: 20px"
       >{{ $t("pages.KeyBoard.KeyFire.drag") }}</NCheckbox