diff --git a/apps/client/src/types-assets.d.ts b/apps/client/src/types-assets.d.ts
index 36e38fcb3..ffe5456fd 100644
--- a/apps/client/src/types-assets.d.ts
+++ b/apps/client/src/types-assets.d.ts
@@ -3,7 +3,7 @@ declare module "*.png" {
     export default path;
 }
 
-declare module "*.json?external" {
+declare module "@triliumnext/ckeditor5/emoji_definitions/en.json?url" {
     var path: string;
     export default path;
 }
diff --git a/apps/client/src/widgets/type_widgets/ckeditor/config.ts b/apps/client/src/widgets/type_widgets/ckeditor/config.ts
index b4ba9633a..413c50842 100644
--- a/apps/client/src/widgets/type_widgets/ckeditor/config.ts
+++ b/apps/client/src/widgets/type_widgets/ckeditor/config.ts
@@ -5,7 +5,7 @@ import { getHighlightJsNameForMime } from "../../../services/mime_types.js";
 import options from "../../../services/options.js";
 import { isSyntaxHighlightEnabled } from "../../../services/syntax_highlight.js";
 import utils from "../../../services/utils.js";
-import emojiDefinitionsUrl from "@triliumnext/ckeditor5/emoji_definitions/en.json?external";
+import emojiDefinitionsUrl from "@triliumnext/ckeditor5/emoji_definitions/en.json?url";
 
 const TEXT_FORMATTING_GROUP = {
     label: "Text formatting",
@@ -101,7 +101,7 @@ export function buildConfig() {
             allowedProtocols: ALLOWED_PROTOCOLS
         },
         emoji: {
-            definitionsUrl: emojiDefinitionsUrl
+            definitionsUrl: new URL(import.meta.url).origin + emojiDefinitionsUrl
         },
         syntaxHighlighting: {
             async loadHighlightJs() {