diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 870f91ab0..1deae6026 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -76,16 +76,25 @@ hr {
 .coral-plugin-questionbox-info {
   top: 0;
   border: 0;
-  background: rgb(105,105,105);
-  color: white;
+  background: rgb(213,213,213);
+  color: black;
   width: 100%;
-  text-align: center;
-  padding: 10px;
+  text-align: left;
+  padding-left: 0px;
   margin-bottom: 0px;
   font-weight: bold;
+  font-size: 14px;
   display: block;
 }
 
+.coral-plugin-questionbox-icon {
+  border: 0;
+  background: black;
+  color: white;
+  padding: 20px;
+  margin-left: 0px !important;
+  margin-right: 10px;
+}
 
 .hidden  {
   visibility: hidden;
diff --git a/client/coral-plugin-questionbox/QuestionBox.js b/client/coral-plugin-questionbox/QuestionBox.js
index 7ae680a09..542cb8790 100644
--- a/client/coral-plugin-questionbox/QuestionBox.js
+++ b/client/coral-plugin-questionbox/QuestionBox.js
@@ -4,6 +4,7 @@ const packagename = 'coral-plugin-questionbox';
 const QuestionBox = ({enable, content}) =>
 <div
   className={`${packagename}-info ${enable ? null : 'hidden'}` }>
+  <i className={`${packagename}-icon material-icons`}>chat_bubble person</i>
   {content}
 </div>;