From 8a4a7d35891e8c847628cdae78fc233f46f48a0a Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Tue, 14 Nov 2017 15:37:26 +0100
Subject: [PATCH 1/3] Break long words in comment

---
 client/coral-embed-stream/src/components/Comment.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/client/coral-embed-stream/src/components/Comment.css b/client/coral-embed-stream/src/components/Comment.css
index b9957bbce..f5bead3b8 100644
--- a/client/coral-embed-stream/src/components/Comment.css
+++ b/client/coral-embed-stream/src/components/Comment.css
@@ -158,6 +158,7 @@
 }
 
 .content {
+  word-wrap: break-word;
 }
 
 .footer {

From f2b9db9dbc8ed2e5a76c5f389270b212ab7b6177 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Wed, 15 Nov 2017 13:07:33 +0100
Subject: [PATCH 2/3] Support long words for my and featured comments

---
 client/talk-plugin-history/Comment.css                | 11 ++++++++++-
 client/talk-plugin-history/Comment.js                 |  2 +-
 .../client/components/Comment.css                     |  1 +
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/talk-plugin-history/Comment.css b/client/talk-plugin-history/Comment.css
index 23289c17d..a18095d01 100644
--- a/client/talk-plugin-history/Comment.css
+++ b/client/talk-plugin-history/Comment.css
@@ -13,6 +13,14 @@
   border-bottom: solid 1px #EBEBEB;
 }
 
+.main {
+  width: 100%;
+}
+
+.commentBody {
+  word-wrap: break-word;
+}
+
 .assetURL {
   text-decoration: none;
   font-weight: bold;
@@ -44,7 +52,8 @@
     margin-top: 0;
     margin-bottom: 0;
     list-style-type: none;
-    min-width: 136px;
+    min-width: 140px;
+    padding: 0px 10px;
   }
 
   li {
diff --git a/client/talk-plugin-history/Comment.js b/client/talk-plugin-history/Comment.js
index 9d1208708..463122160 100644
--- a/client/talk-plugin-history/Comment.js
+++ b/client/talk-plugin-history/Comment.js
@@ -19,7 +19,7 @@ class Comment extends React.Component {
 
     return (
       <div className={styles.myComment}>
-        <div>
+        <div className={styles.main}>
           <Slot
             fill="commentContent"
             defaultComponent={CommentContent}
diff --git a/plugins/talk-plugin-featured-comments/client/components/Comment.css b/plugins/talk-plugin-featured-comments/client/components/Comment.css
index 9481b4396..bd4428091 100644
--- a/plugins/talk-plugin-featured-comments/client/components/Comment.css
+++ b/plugins/talk-plugin-featured-comments/client/components/Comment.css
@@ -44,6 +44,7 @@
   margin: 0;
   quotes: '\201c' '\201d';
   margin-bottom: 10px;
+  word-wrap: break-word;
 }
 
 .quote:before {

From 2882dfbadb11b155036c6e9f61eb4446a1c551f3 Mon Sep 17 00:00:00 2001
From: Chi Vinh Le <vinh@wikiwi.io>
Date: Wed, 15 Nov 2017 13:34:29 +0100
Subject: [PATCH 3/3] Fix flexbox overflowing

---
 client/talk-plugin-history/Comment.css | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/talk-plugin-history/Comment.css b/client/talk-plugin-history/Comment.css
index a18095d01..40a003de1 100644
--- a/client/talk-plugin-history/Comment.css
+++ b/client/talk-plugin-history/Comment.css
@@ -14,7 +14,11 @@
 }
 
 .main {
-  width: 100%;
+  min-width: 70%;
+}
+
+.sidebar {
+  min-width: 30%;
 }
 
 .commentBody {