diff --git a/public/css/style.css b/public/css/style.css
index 0fc6e690..9f36a80a 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -1549,13 +1549,19 @@ pre[class*=" language-"] {
     right: 0rem;
     width: calc(100% - 4rem); }
   .summary-emotion-graph--legend-label {
-    width: calc(33.33333% - 0rem);
+    position: absolute;
     margin-right: 0rem;
     display: block;
     float: left;
     margin-top: 0rem;
     text-align: center;
     font-size: 0.8rem; }
+    .summary-emotion-graph--legend-label_medium {
+      left: 50%;
+      margin-left: -1.4rem; }
+    .summary-emotion-graph--legend-label_high {
+      left: 75%;
+      margin-left: -1rem; }
     .summary-emotion-graph--legend-label:nth-of-type(3n) {
       margin-right: 0rem; }
     @media (min-width: 768px) {
diff --git a/views/index.ejs b/views/index.ejs
index 72d9161e..67ed2c36 100755
--- a/views/index.ejs
+++ b/views/index.ejs
@@ -252,9 +252,8 @@
       </div>
       <% if (key === list.length - 1 && item.thresholdLow) { %>
         <div class="summary-<%= className %>-graph--legend-label-container">
-          <div class="summary-<%= className %>-graph--legend-label">Low evidence</div>
-          <div class="summary-<%= className %>-graph--legend-label">Medium</div>
-          <div class="summary-<%= className %>-graph--legend-label">High</div>
+          <div class="summary-<%= className %>-graph--legend-label summary-<%= className %>-graph--legend-label_medium">Medium</div>
+          <div class="summary-<%= className %>-graph--legend-label summary-<%= className %>-graph--legend-label_high">High</div>
         </div>
       <% } %>
       <% }); %>