diff --git a/conversejs/custom/entry.js b/conversejs/custom/entry.js
index 7025ad76..330f3e74 100644
--- a/conversejs/custom/entry.js
+++ b/conversejs/custom/entry.js
@@ -1,3 +1,2 @@
 import '../src/entry.js'
-import './sass/livechat.scss'
 export * from '../src/entry.js'
diff --git a/conversejs/custom/sass/livechat.scss b/conversejs/custom/sass/livechat.scss
index 276b6e63..c08b5254 100644
--- a/conversejs/custom/sass/livechat.scss
+++ b/conversejs/custom/sass/livechat.scss
@@ -1,3 +1,5 @@
+@import "sass/converse";
+
 body.livechat-iframe #conversejs .chat-head {
   // Hidding the chat-head when the plugin is displayed in an iframe.
   display: none;
diff --git a/conversejs/custom/webpack.livechat.js b/conversejs/custom/webpack.livechat.js
index 14a3c481..569d0b18 100644
--- a/conversejs/custom/webpack.livechat.js
+++ b/conversejs/custom/webpack.livechat.js
@@ -9,6 +9,7 @@ module.exports = merge(prod, {
     alias: {
       // To override a template, use this syntax:
       // 'templates/muc_sidebar.js': path.resolve(__dirname, 'custom/templates/muc_sidebar.js')
+      '../sass/converse.scss': path.resolve(__dirname, 'custom/sass/livechat.scss')
     }
   }
 })