diff --git a/src/components/reactions.jsx b/src/components/reactions.jsx
index 1bab9fb2..47938ca3 100644
--- a/src/components/reactions.jsx
+++ b/src/components/reactions.jsx
@@ -36,7 +36,7 @@ function Reactions({stat}) {
     }
   ];
   return reactions.map(reaction => (
-      <BS.Button key={reaction.name} bsSize="xsmall">
+      <BS.Button bsClass="reaction-btn">
         {reaction.emoji} {reaction.count}
       </BS.Button>
   ));
diff --git a/src/components/review-blurb.jsx b/src/components/review-blurb.jsx
index 78573891..6518b500 100644
--- a/src/components/review-blurb.jsx
+++ b/src/components/review-blurb.jsx
@@ -1,16 +1,17 @@
+import * as BS from 'react-bootstrap';
 import Database from '../database';
 import Loadable from './loadable';
 
 function ReviewBlurb({card: {url}}) {
-  const reviewNumber = url.split('/').pop();
-
   return (
     <span className='review-blurb'>
       <a className='blurb-number-link'
         target='_blank'
         href={url}
         >
-        <span className='blurb-number'>{reviewNumber}</span>
+        <BS.Button bsClass="review-btn">
+          View Discussion
+        </BS.Button>
       </a>
     </span>
   );
diff --git a/style/review.less b/style/review.less
index 50378ef5..efc0c6c7 100644
--- a/style/review.less
+++ b/style/review.less
@@ -27,6 +27,17 @@
     .x-font-and-emoji(1.5rem);
     &:hover { text-decoration: none; }
   }
+  .reaction-btn {
+    float: left;
+    padding: 4px 7px 3px;
+    border-radius: 2px;
+    line-height: 18px;
+  }
+  .review-btn {
+    padding: 4px 7px 3px;
+    border-radius: 2px;
+    line-height: 18px;
+  }
   .list-group-item-text {
     padding-left: 1rem;
     padding-right: 1rem;
@@ -34,11 +45,12 @@
     font-size: 2rem;
     .review-footer {
       display: block;
-      min-height: 2rem;
+      min-height: 3.5rem;
+      padding-top: 1rem;
       .comment-reactions {
         display: block;
         float: left;
-        font-size: 1.4rem;
+        font-size: 1.6rem;
         white-space: nowrap;
         overflow-x: hidden;
       }
@@ -84,6 +96,7 @@
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
+    padding-top: 1px;
     .colored-icon { opacity: .5; }
   }
 }
diff --git a/test/src/components/__snapshots__/reactions.test.js.snap b/test/src/components/__snapshots__/reactions.test.js.snap
index 16394d03..6b81eb06 100644
--- a/test/src/components/__snapshots__/reactions.test.js.snap
+++ b/test/src/components/__snapshots__/reactions.test.js.snap
@@ -3,7 +3,7 @@
 exports[`does not display number zero 1`] = `
 Array [
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >
@@ -11,7 +11,7 @@ Array [
      
   </button>,
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >
@@ -19,7 +19,7 @@ Array [
      
   </button>,
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >
@@ -27,7 +27,7 @@ Array [
      
   </button>,
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >
@@ -35,7 +35,7 @@ Array [
      
   </button>,
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >
@@ -43,7 +43,7 @@ Array [
      
   </button>,
   <button
-    className="btn btn-xs btn-default"
+    className="reaction-btn reaction-btn-default"
     disabled={false}
     type="button"
   >