diff --git a/src/plugins/sib-emoji-picker.js b/src/plugins/sib-emoji-picker.js
index 1a243f6530fb2f25161528c73dfe6655b64320a5..0c3da68a99592cdcb05f04e30d17a767ab6cd085 100644
--- a/src/plugins/sib-emoji-picker.js
+++ b/src/plugins/sib-emoji-picker.js
@@ -1,4 +1,4 @@
-import 'https://cdn.skypack.dev/emoji-picker-element';
+import { Picker } from 'https://cdn.skypack.dev/emoji-picker-element';
 
 /**
  * Custom emoji picker.
@@ -13,6 +13,10 @@ converse.plugins.add('sib-emoji-picker', {
     const _converse = this._converse;
     const { api, __ } = _converse;
 
+    // Register the picker element
+    api.elements.define('emoji-picker', Picker);
+    api.elements.register();
+
     /**
      * Force rendering of the emoji picker inside the dropdown.
      * Note: Without this mixin, the IndexedDB can't be loaded for some reason.