diff --git a/src/solid-xmpp-chat.js b/src/solid-xmpp-chat.js
index 2a635074db7bb413df2833b477214862dd671420..9d699f19a77dac5c407308a8a3ceecd14a5c76f8 100644
--- a/src/solid-xmpp-chat.js
+++ b/src/solid-xmpp-chat.js
@@ -4,6 +4,7 @@ import './plugins/converse-rai.js';
 import { Helpers, store } from 'https://unpkg.com/@startinblox/core@0.10';
 import { Sib } from "https://unpkg.com/@startinblox/core@0.10/dist/libs/Sib.js";
 import { StoreMixin } from 'https://unpkg.com/@startinblox/core@0.10/dist/mixins/storeMixin.js';
+import ComponentPath from './path.js';
 
 class Deferred {
   constructor() {
@@ -48,8 +49,8 @@ export const SolidXMPPChat = {
         mode: "open"
       });
       this.element.shadowRoot.append(...Helpers.importCSS(
-        '/lib/solid-xmpp-chat/dist/conversejs/converse.min.css',
-        '/lib/solid-xmpp-chat/dist/index.css'
+        `${ComponentPath}/dist/conversejs/converse.min.css`,
+        `${ComponentPath}/dist/index.css`
       ));
       if (window.converse_sib === undefined) {
         this.initializeConverse();
@@ -191,7 +192,7 @@ export const SolidXMPPChat = {
     const idToken = await document.querySelector('sib-auth').getUserIdToken();
 
     converse.initialize({
-      'assets_path': '/lib/solid-xmpp-chat/dist/conversejs/',
+      'assets_path': ComponentPath,
       'authentication': this.element.dataset.authentication,
       'password': idToken,
       'allow_chat_pending_contacts': true,
@@ -222,7 +223,7 @@ export const SolidXMPPChat = {
       'show_desktop_notifications': false,
       // 'use_system_emojis': false,
       // 'show_send_button': true,
-      'sounds_path': '/lib/solid-xmpp-chat/dist/conversejs/',
+      'sounds_path': ComponentPath,
       'view_mode': 'fullscreen',
       'visible_toolbar_buttons': {
         call: false,