diff --git a/css/style.scss b/css/style.scss
index 5e52bb4..dcbd710 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -105,13 +105,14 @@
     margin-left: 2px;
     padding: 12px;
     background-color: rgba(0,0,0,0.08);
-    opacity: 0.7;
+    opacity: 0.54;
     border-radius: 50%;
 }
 
-//.icon-header-note:hover {
-//    background-color: rgba(0,0,0,0.14);
-//}
+.icon-header-note:hover {
+    background-color: rgba(0,0,0,0.12);
+    opacity: 0.87;
+}
 
 .hide-header-icon {
     display: none;
@@ -250,11 +251,15 @@ div[contenteditable="true"] {
     padding: 0px 6px 0 24px;
     background-color: rgba(0,0,0,0.08);
     background-position: 8px center;
-    opacity: 0.7;
+    opacity: 0.87;
     border-radius: 10px;
     font-size: 90%;
 }
 
+.slim-tag:hover {
+    background-color: rgba(0,0,0,0.12);
+}
+
 .note-tags {
     margin-top: 10px;
 }
diff --git a/js/script.js b/js/script.js
index 5c4e63f..58ee9cc 100644
--- a/js/script.js
+++ b/js/script.js
@@ -13,10 +13,6 @@
 
 $(document).ready(function () {
 
-var translations = {
-    pinNote: t('quicknotes', 'Pin note'),
-};
-
 // this notes object holds all our notes
 var Notes = function (baseUrl) {
     this._baseUrl = baseUrl;
@@ -589,6 +585,7 @@ View.prototype = {
             $(this).addClass("fixed-header-icon");
             $(this).removeClass("icon-pin");
             $(this).addClass("icon-pinned");
+            $(this).attr('title', t('quicknotes', 'Unpin note'));
 
             $('.notes-grid').isotope('updateSortData').isotope();
         });
@@ -600,6 +597,8 @@ View.prototype = {
             $(this).removeClass("icon-pinned");
             $(this).addClass("icon-pin");
 
+            $(this).attr('title', t('quicknotes', 'Pin note'));
+
             $('.notes-grid').isotope('updateSortData').isotope();
         });