2 files changed, 12 insertions, 4 deletions

diff --git a/recipes/xmpp/package.json b/recipes/xmpp/package.json
index 97bf94b..62b081b 100644
--- a/recipes/xmpp/package.json
+++ b/recipes/xmpp/package.json
@@ -1,7 +1,7 @@
 {
   "id": "xmpp",
   "name": "XMPP",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "repository": "https://github.com/Aman9das/ferdi-xmpp-recipe",
   "config": {
diff --git a/recipes/xmpp/webview.js b/recipes/xmpp/webview.js
index 399133d..ab59fdb 100644
--- a/recipes/xmpp/webview.js
+++ b/recipes/xmpp/webview.js
@@ -1,13 +1,21 @@
-module.exports = (Ferdium) => {
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+
+const _path = _interopRequireDefault(require('path'));
+
+module.exports = Ferdium => {
   function getMessages() {
     let direct = 0;
     for (const indicator of document.querySelectorAll('.msgs-indicator')) {
-      direct += Ferdium.safeParseInt(indicator.textContent)
+      direct += Ferdium.safeParseInt(indicator.textContent);
     }
 
-    direct = direct / 2 // as the messages are provided in 2 different locations..
+    direct /= 2; // as the messages are provided in 2 different locations..
     Ferdium.setBadge(direct);
   }
 
   Ferdium.loop(getMessages);
+
+  Ferdium.injectCSS(_path.default.join(__dirname, 'service.css'));
 };