diff --git a/public/css/style.css b/public/css/style.css
index 07e8ddd7..f35a1fef 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1344,12 +1344,10 @@ pre[class*=" language-"] {
     text-align: center;
     color: #e71d32; }
 
-.summary--header {
-  height: 2.4rem; }
 .summary--emotion {
   background-color: #f9f9f9;
   padding: 1rem;
-  height: 17.5rem; }
+  height: 17rem; }
   @media (min-width: 768px) {
     .summary--emotion {
       width: 31.91489%;
@@ -1360,7 +1358,7 @@ pre[class*=" language-"] {
       margin-top: 0rem; } }
   @media (min-width: 768px) {
     .summary--emotion {
-      height: 18.5rem; } }
+      height: 17rem; } }
   @media (min-width: 1200px) {
     .summary--emotion {
       height: 16.5rem; } }
@@ -1368,7 +1366,7 @@ pre[class*=" language-"] {
 .summary--writing {
   background-color: #f9f9f9;
   padding: 1rem;
-  height: 17.5rem; }
+  height: 17rem; }
   @media (min-width: 768px) {
     .summary--writing {
       width: 31.91489%;
@@ -1379,7 +1377,7 @@ pre[class*=" language-"] {
       margin-top: 0rem; } }
   @media (min-width: 768px) {
     .summary--writing {
-      height: 18.5rem; } }
+      height: 17rem; } }
   @media (min-width: 1200px) {
     .summary--writing {
       height: 16.5rem; } }
@@ -1387,7 +1385,7 @@ pre[class*=" language-"] {
 .summary--social {
   background-color: #f9f9f9;
   padding: 1rem;
-  height: 17.5rem; }
+  height: 17rem; }
   @media (min-width: 768px) {
     .summary--social {
       width: 31.91489%;
@@ -1398,7 +1396,7 @@ pre[class*=" language-"] {
       margin-top: 0rem; } }
   @media (min-width: 768px) {
     .summary--social {
-      height: 18.5rem; } }
+      height: 17rem; } }
   @media (min-width: 1200px) {
     .summary--social {
       height: 16.5rem; } }
@@ -1772,10 +1770,10 @@ pre[class*=" language-"] {
   .summary-social-graph--tooltip br {
     margin-top: 0rem; }
   .summary-social-graph--bar-value {
-    background-color: #1AE5CD; }
+    background-color: #1cb4a0; }
   .summary-social-graph--bar-tooltip {
     position: absolute;
-    background-color: #17ceb9;
+    background-color: #1cb4a0;
     padding: 1rem;
     width: 5.5rem;
     left: -2.75rem;
@@ -1793,14 +1791,14 @@ pre[class*=" language-"] {
       left: 2rem;
       border: 0.75rem solid transparent;
       top: 100%;
-      border-top-color: #17ceb9; }
+      border-top-color: #1cb4a0; }
     .summary-social-graph--bar-tooltip .base--a {
       color: white; }
       .summary-social-graph--bar-tooltip .base--a:hover {
         color: #e0e0e0; }
   .summary-social-graph--label-container .bar-graph--tooltip {
     position: absolute;
-    background-color: #17ceb9;
+    background-color: #1cb4a0;
     padding: 1rem;
     width: 20rem;
     left: -5rem;
@@ -1820,7 +1818,7 @@ pre[class*=" language-"] {
       left: 9rem;
       border: 1rem solid transparent;
       top: 100%;
-      border-top-color: #17ceb9; }
+      border-top-color: #1cb4a0; }
     .summary-social-graph--label-container .bar-graph--tooltip .base--a {
       color: white; }
       .summary-social-graph--label-container .bar-graph--tooltip .base--a:hover {
diff --git a/views/index.ejs b/views/index.ejs
index 43fbb702..8af30014 100755
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -127,7 +127,7 @@
             <div class="summary-writing-graph"></div>
           </div>
           <div class="summary--social">
-            <h5 class="base--h5 summary--header">Social summary (raw score)</h5>
+            <h5 class="base--h5 summary--header">Social (raw score)</h5>
             <div class="summary-social-graph bar-graph"></div>
           </div>
         </div>