diff --git a/src/common/dialog/DocumentPickerDialog.svelte b/src/common/dialog/DocumentPickerDialog.svelte
index c18d95707..e4a57a725 100644
--- a/src/common/dialog/DocumentPickerDialog.svelte
+++ b/src/common/dialog/DocumentPickerDialog.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { modification } from "@/viewer/modification/modification.js";
+  import { modification } from "@/viewer/modification/modification";
   import Documents from "@/pages/app/Documents.svelte";
   import emitter from "@/emit.js";
 
diff --git a/src/pages/viewer/ModifyImage.svelte b/src/pages/viewer/ModifyImage.svelte
index c46e066c5..f80e1e554 100644
--- a/src/pages/viewer/ModifyImage.svelte
+++ b/src/pages/viewer/ModifyImage.svelte
@@ -2,7 +2,7 @@
   import Image from "@/common/Image.svelte";
   import { viewer } from "@/viewer/viewer.js";
   import { pageImageUrl } from "@/api/viewer.js";
-  import { modification } from "@/viewer/modification/modification.js";
+  import { modification } from "@/viewer/modification/modification";
   import { getDocument } from "@/api/document.js";
 
   export let id;
diff --git a/src/pages/viewer/ThumbnailBody.svelte b/src/pages/viewer/ThumbnailBody.svelte
index 1105b43d8..ae29ab4bd 100644
--- a/src/pages/viewer/ThumbnailBody.svelte
+++ b/src/pages/viewer/ThumbnailBody.svelte
@@ -8,7 +8,7 @@
   import { layout } from "@/viewer/layout.js";
   import { restorePosition, changeMode } from "@/viewer/document.js";
   import { ModificationSpec } from "@/viewer/modification/modifySpec.js";
-  import { modification } from "@/viewer/modification/modification.js";
+  import { modification } from "@/viewer/modification/modification";
 
   $: modify = $layout.modifying;
 
diff --git a/src/pages/viewer/pane/ModifyPane.svelte b/src/pages/viewer/pane/ModifyPane.svelte
index 94c3805a0..1417d90f8 100644
--- a/src/pages/viewer/pane/ModifyPane.svelte
+++ b/src/pages/viewer/pane/ModifyPane.svelte
@@ -5,7 +5,7 @@
   import Modification from "@/viewer/modification/Modification.svelte";
   import ModifyImage from "../ModifyImage.svelte";
 
-  import { modification } from "@/viewer/modification/modification.js";
+  import { modification } from "@/viewer/modification/modification";
   import { viewer } from "@/viewer/viewer.js";
   import { cancelActions } from "@/viewer/document.js";
   import { showInsertDialog, modify } from "@/viewer/layout.js";