diff --git a/client/coral-embed-stream/style/default.css b/client/coral-embed-stream/style/default.css
index 4c427543e..599925758 100644
--- a/client/coral-embed-stream/style/default.css
+++ b/client/coral-embed-stream/style/default.css
@@ -254,13 +254,13 @@ hr {
 .commentActionsRight, .replyActionsRight {
   display: flex;
   justify-content: flex-end;
-  width: 50%;
+  width: 30%;
 }
 .commentActionsLeft, .replyActionsLeft {
   display: flex;
   justify-content: flex-start;
   float: left;
-  width: 50%;
+  width: 70%;
 }
 
 .comment__action-container .material-icons {
diff --git a/client/coral-framework/utils/index.js b/client/coral-framework/utils/index.js
new file mode 100644
index 000000000..5a78b09d2
--- /dev/null
+++ b/client/coral-framework/utils/index.js
@@ -0,0 +1,2 @@
+export const getActionSummary = (type, comment) => comment.action_summaries
+  .filter((a) => a.__typename === type)[0];
\ No newline at end of file
diff --git a/plugins/coral-plugin-respect/client/components/Icon.js b/plugins/coral-plugin-respect/client/components/Icon.js
new file mode 100644
index 000000000..8a39218dc
--- /dev/null
+++ b/plugins/coral-plugin-respect/client/components/Icon.js
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default () => (
+  <i className="fa fa-handshake-o" aria-hidden="true"></i>
+);
diff --git a/plugins/coral-plugin-respect/client/index.js b/plugins/coral-plugin-respect/client/index.js
index a89f4046c..91424e315 100644
--- a/plugins/coral-plugin-respect/client/index.js
+++ b/plugins/coral-plugin-respect/client/index.js
@@ -1,9 +1,8 @@
 import React from 'react';
 import styles from './style.css';
-import {Icon} from 'coral-ui';
+import Icon from './components/Icon';
 
-const getActionSummary = (type, comment) => comment.action_summaries
-  .filter((a) => a.__typename === type)[0];
+import {getActionSummary} from 'coral-framework/utils';
 
 export default (props) => {
   const {comment} = props.context;
@@ -22,7 +21,7 @@ export default (props) => {
       <button
         onClick={handleClick}>
         Respect
-        <Icon name="done"/>
+        <Icon />
         {respectActionSummary ? <span>{respectActionSummary.count}</span> : null}
       </button>
     </div>
diff --git a/plugins/coral-plugin-respect/client/style.css b/plugins/coral-plugin-respect/client/style.css
index 6bb7746d3..7933f8d8e 100644
--- a/plugins/coral-plugin-respect/client/style.css
+++ b/plugins/coral-plugin-respect/client/style.css
@@ -7,9 +7,18 @@
         padding: 0px;
         border: none;
         font-size: inherit;
+
+        &:hover {
+          color: #d6ab00;
+          cursor: pointer;
+         }
     }
 
     .clicked {
         color: #ffcc00;
     }
+
+    i {
+        padding: 0 5px;
+    }
 }
\ No newline at end of file
diff --git a/views/embed/stream.ejs b/views/embed/stream.ejs
index 129895fc4..97cd0c796 100644
--- a/views/embed/stream.ejs
+++ b/views/embed/stream.ejs
@@ -5,6 +5,7 @@
     <link rel="stylesheet" type="text/css" href="/client/embed/stream/default.css">
     <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
     <% if (locals.customCssUrl) { %>
       <link href="<%= customCssUrl %>" rel="stylesheet" type="text/css">
     <% } %>