diff --git a/components/IscnEditBar.vue b/components/IscnEditBar.vue
index 22386897..64919879 100644
--- a/components/IscnEditBar.vue
+++ b/components/IscnEditBar.vue
@@ -11,7 +11,7 @@
       v-if="isIscnOwner"
       class="flex justify-center items-center gap-[4px] mr-[8px]"
     >
-      <Button preset="plain" text="Edit ISCN" @click="handleEdit">
+      <Button preset="plain" :text="$t('IscnEditInfo.button.edit')" @click="handleEdit">
         <template #prepend>
           <IconEdit />
         </template>
@@ -68,6 +68,7 @@
 
 <script lang="ts">
 import { Vue, Component, Prop } from 'vue-property-decorator'
+import { extractIscnIdPrefix } from '~/utils/ui'
 
 @Component
 export default class IscnEditBar extends Vue {
@@ -87,7 +88,8 @@ export default class IscnEditBar extends Vue {
   }
 
   handleEdit() {
-    this.$emit('click-edit', this.iscnId)
+    const iscnIdPrefix = extractIscnIdPrefix(this.iscnId)
+    this.$emit('click-edit', iscnIdPrefix)
   }
 
   handleClickMintNFTBook() {
diff --git a/components/IscnUploadedInfo.vue b/components/IscnUploadedInfo.vue
index a4d28e47..b74cdda7 100644
--- a/components/IscnUploadedInfo.vue
+++ b/components/IscnUploadedInfo.vue
@@ -226,12 +226,12 @@ export default class IscnUploadedInfo extends Vue {
     window.open(`${NFT_BOOK_PRESS_URL}/mint-nft?iscn_id=${this.iscnId}`, '_blank', 'noopener');
   }
 
-   handleEdit() {
-    logTrackerEvent(this, 'ISCNUploaded', 'ClickEdit', this.iscnId, 1)
+   handleEdit(iscnIdPrefix: string) {
+    logTrackerEvent(this, 'ISCNUploaded', 'ClickEdit', iscnIdPrefix, 1)
     this.$router.replace(
       this.localeLocation({
         name: 'edit-iscnId',
-        params: { iscnId: this.iscnId },
+        params: { iscnId: iscnIdPrefix },
       })!,
     )
   }
diff --git a/locales/en.json b/locales/en.json
index ea410166..7eb28056 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -185,6 +185,7 @@
   "IscnEditInfo.reUpload": "Re-upload files to update links",
   "IscnEditInfo.updating": "Updating ISCN...",
   "IscnEditInfo.button.confirm": "Update ISCN",
+  "IscnEditInfo.button.edit": "Edit ISCN",
   "IscnRegisterForm.arweave.link": "ar://{arweaveId}",
   "IscnRegisterForm.button.back": "Back",
   "IscnRegisterForm.button.confirm": "Confirm",
diff --git a/pages/view/_iscnId/index.vue b/pages/view/_iscnId/index.vue
index 4bccf765..41bbc17f 100644
--- a/pages/view/_iscnId/index.vue
+++ b/pages/view/_iscnId/index.vue
@@ -913,12 +913,12 @@ export default class ViewIscnIdPage extends Vue {
     }
   }
 
-  handleEdit() {
-    logTrackerEvent(this, 'ISCNView', 'ClickEdit', this.iscnId, 1)
+  handleEdit(iscnIdPrefix: string) {
+    logTrackerEvent(this, 'ISCNView', 'ClickEdit', iscnIdPrefix, 1)
     this.$router.replace(
       this.localeLocation({
         name: 'edit-iscnId',
-        params: { iscnId: this.iscnId },
+        params: { iscnId: iscnIdPrefix },
       })!,
     )
   }