diff --git a/package.json b/package.json
index 009e7a8..12c062d 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "typetalk-emoreact",
-  "version": "0.1.8",
+  "version": "0.1.9",
   "description": "",
   "scripts": {
     "build": "rollup --config",
diff --git a/src/view.js b/src/view.js
index 47c3a51..0749553 100644
--- a/src/view.js
+++ b/src/view.js
@@ -130,13 +130,15 @@ export const style = html`
       transition: opacity 0.2s linear 0s;
 
       width: max-content;
-      max-width: 20vw;
+      max-width: 10vw;
 
       background: rgba(80, 80, 80, 0.8);
       padding: 0.5em 1em;
       border-radius: 10px;
       color: white;
       font-size: 0.8em;
+
+      word-break: break-all;
     }
 
     :hover > .typetalk_emoreact_reaction--users {
@@ -304,7 +306,7 @@ const reaction = ({ me, message, reaction }, actions, reduce) => {
         ${
           Array.from(reaction.users)
             .map(u => u.name)
-            .join(',')
+            .join(', ')
         }
       </div>
     </div>