diff --git a/package.json b/package.json
index 3a433de1..6bd45e94 100644
--- a/package.json
+++ b/package.json
@@ -85,6 +85,7 @@
     "date-picker-svelte": "^2.17.0",
     "dotenv": "^16.6.1",
     "emoji-picker-element": "^1.28.1",
+    "emoji-picker-element-data": "^1.8.0",
     "fuse.js": "^7.1.0",
     "husky": "^9.1.7",
     "idb": "^8.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e02625b7..e98a9f53 100644
Binary files a/pnpm-lock.yaml and b/pnpm-lock.yaml differ
diff --git a/src/lib/components/EmojiPicker.svelte b/src/lib/components/EmojiPicker.svelte
index 922bec6c..dabccb7c 100644
--- a/src/lib/components/EmojiPicker.svelte
+++ b/src/lib/components/EmojiPicker.svelte
@@ -10,6 +10,7 @@
 
 <script lang="ts">
   import "emoji-picker-element"
+  import emojiDataUrl from "emoji-picker-element-data/en/emojibase/data.json?url"
   import type {Emoji} from "emoji-picker-element/shared"
   import {onMount} from "svelte"
 
@@ -26,4 +27,4 @@
   })
 </script>
 
-<emoji-picker bind:this={element} class="m-auto"></emoji-picker>
+<emoji-picker bind:this={element} data-source={emojiDataUrl} class="m-auto"></emoji-picker>