diff --git a/app/assets/javascripts/utilities/buildArticleHTML.js.erb b/app/assets/javascripts/utilities/buildArticleHTML.js.erb
index e91c8dd6e..29df2753f 100644
--- a/app/assets/javascripts/utilities/buildArticleHTML.js.erb
+++ b/app/assets/javascripts/utilities/buildArticleHTML.js.erb
@@ -78,8 +78,8 @@ function buildArticleHTML(article) {
     var saveButton = '';
     if (article.class_name === "Article") {
       var saveButton = '<button class="article-engagement-count bookmark-engage" data-reactable-id="'+article.id+'">\
-                        <span class="bm-success">SAVED</span>\
-                        <span class="bm-initial">SAVE</span>\
+                        <span class="bm-success"></span>\
+                        <span class="bm-initial"></span>\
                       </button>'
     } else if (article.class_name === "User") {
       var saveButton = '<button style="width: 122px" class="article-engagement-count bookmark-engage follow-action-button"\
diff --git a/app/assets/stylesheets/articles.scss b/app/assets/stylesheets/articles.scss
index 5972e9c56..a8dd19152 100644
--- a/app/assets/stylesheets/articles.scss
+++ b/app/assets/stylesheets/articles.scss
@@ -695,6 +695,11 @@
         .bm-success {
           display: none;
         }
+        .bm-initial {
+          &:after{
+            content: "SAVE";
+          }
+        }
         &.selected {
           color: darken($purple, 33%);
           background: transparent;
@@ -703,7 +708,14 @@
             display: none;
           }
           .bm-success {
-            display: block;
+            display: inline-block;
+
+            &:before{
+              content: "SAVED";
+            }
+            &:hover:before{
+              content: "UNSAVE";
+            }
           }
         }
         &.following-butt {
diff --git a/app/assets/stylesheets/more-articles.scss b/app/assets/stylesheets/more-articles.scss
index 694d064f3..7094e03df 100644
--- a/app/assets/stylesheets/more-articles.scss
+++ b/app/assets/stylesheets/more-articles.scss
@@ -135,7 +135,7 @@
       }
     }
     .content-author{
-      
+
       img{
         border-radius: 100%;
         width: 28px;
diff --git a/app/views/articles/_single_story.html.erb b/app/views/articles/_single_story.html.erb
index eb3be7de4..845322311 100644
--- a/app/views/articles/_single_story.html.erb
+++ b/app/views/articles/_single_story.html.erb
@@ -64,7 +64,7 @@
     data-reactable-id="<%= story.id %>"
     aria-label="Save to reading list"
     title="Save to reading list">
-    <span class="bm-success">SAVED</span>
-    <span class="bm-initial">SAVE</span>
+    <span class="bm-success"></span>
+    <span class="bm-initial"></span>
   </button>
 </div>
diff --git a/app/views/articles/index.html.erb b/app/views/articles/index.html.erb
index af147d97b..42f5af010 100644
--- a/app/views/articles/index.html.erb
+++ b/app/views/articles/index.html.erb
@@ -130,8 +130,8 @@
               data-reactable-id="<%= @featured_story.id %>"
               aria-label="Add to reading list"
               title="Add to reading list">
-              <span class="bm-success">SAVED</span>
-              <span class="bm-initial">SAVE</span>
+              <span class="bm-success"></span>
+              <span class="bm-initial"></span>
             </button>
           </div>
         </a>