diff --git a/assets/style-refractored.scss b/assets/style-refractored.scss
index 094f0af..a799809 100644
--- a/assets/style-refractored.scss
+++ b/assets/style-refractored.scss
@@ -75,12 +75,6 @@ body{
     }
 }
 
-a {
-    color: #0059b3;
-    &:visited {
-        color: #430085;
-    }
-}
 
 .page{
     max-width: 1150px;
@@ -264,6 +258,26 @@ $gray: #919EB1;
 .context{
     clear: left;
     margin-bottom: 10px;
+
+    a {
+        text-decoration: none;
+        color: #0059b3;
+        &:visited {
+            color: #0059b3;
+        }
+        &::after {
+            padding-left: 3px;
+
+            font-family: "Font Awesome 5 Free"; 
+            content: "\f35d";
+            font-weight: 900; 
+            display: inline-block;
+            font-style: normal;
+            font-variant: normal;
+            text-rendering: auto;
+            -webkit-font-smoothing: antialiased;
+        }
+    }
 }
 
 .single-pic{
@@ -355,6 +369,17 @@ $gray: #919EB1;
     }
 }
 
+// note at the bottom of each row
+.moment-note {
+    .like-btn {
+        padding-right: 12px;
+
+        &:hover {
+            cursor: pointer;
+        }
+    }
+}
+
 // hr 
 hr {
     margin-top: 20px;
diff --git a/layouts/partials/row.html b/layouts/partials/row.html
index 9d0644a..9beffb9 100644
--- a/layouts/partials/row.html
+++ b/layouts/partials/row.html
@@ -120,7 +120,7 @@
                     {{/* Note info shown below the main content */}}
                     <div class="moment-note">
                         <p class="note">{{ .Date.Format "15:04" }} {{ .Params.note }}</p>
-                        <div style="padding-right: 12px;"><i class="far fa-heart"></i></div>
+                        <div class="like-btn"><i class="far fa-heart"></i></div>
                     </div>
 
                 </div>