diff --git a/app/assets/images/buttons/star_faved.png b/app/assets/images/buttons/star_faved.png
new file mode 100644
index 000000000..12db38bd4
Binary files /dev/null and b/app/assets/images/buttons/star_faved.png differ
diff --git a/app/assets/images/buttons/star_not_faved.png b/app/assets/images/buttons/star_not_faved.png
new file mode 100644
index 000000000..81314b508
Binary files /dev/null and b/app/assets/images/buttons/star_not_faved.png differ
diff --git a/app/assets/stylesheets/new_styles/_profile.scss b/app/assets/stylesheets/new_styles/_profile.scss
index 264f61528..5d5443326 100644
--- a/app/assets/stylesheets/new_styles/_profile.scss
+++ b/app/assets/stylesheets/new_styles/_profile.scss
@@ -20,7 +20,21 @@
 
 .canvas-frame .fav {
   @include transition(opacity);
-  @include opacity(0)
+  @include opacity(0);
+
+  background-image : image_url('buttons/star_not_faved.png');
+  background-size : 30px 30px;
+  height : 30px;
+  width : 30px;
+
+  &.faved {
+    background-image : image_url('buttons/star_faved.png');
+  }
+
+  &:hover {
+    text-decoration : none;
+  }
+
 }
 
 /* functionality under edit mode */
diff --git a/app/assets/templates/small-frame.jst.hbs b/app/assets/templates/small-frame.jst.hbs
index 0b49292a3..498e2f19f 100644
--- a/app/assets/templates/small-frame.jst.hbs
+++ b/app/assets/templates/small-frame.jst.hbs
@@ -1,12 +1,6 @@
 <div class="content">
 
-    <a href="#" class="fav">
-        {{#if favorite}}
-            NOT WORTHY
-        {{else}}
-            FAVE IT
-        {{/ if}}
-    </a>
+    <a href="#" class="fav {{#if favorite}}faved{{/if}}"></a>
 
     {{#if photos}}
         <div class="image-container">