diff --git a/js/common.js b/js/common.js
index b5afc969d2..6b2127c8d8 100755
--- a/js/common.js
+++ b/js/common.js
@@ -545,12 +545,12 @@ $(document).ready(function() {
       if (event.type === 'mouseleave' && $note.data('opacity') !== undefined) { 
         opacity = $note.data('opacity');
       }
-      $note.fadeTo('fast', opacity);
+      $note.css('opacity', opacity);
     }).find('.note').each(function() {
       $(this).find('.tally:contains("-")').each(function(){
         var id = this.id.replace('V', 'Hcom');
         var v = mapper.normalize(this.innerHTML.toInt());
-        $('#' + id).fadeTo(0, v).data("opacity", v);
+        $('#' + id).css('opacity', v).data("opacity", v);
       });
     });
   }
diff --git a/styles/theme-medium.css b/styles/theme-medium.css
index c37669fdb3..c6c38ad5ae 100755
--- a/styles/theme-medium.css
+++ b/styles/theme-medium.css
@@ -215,6 +215,12 @@ div.warning:before {
   box-shadow:
     inset 1px 0 1px -1px #CCC,
     inset -1px 0 1px -1px #CCC;
+
+  -webkit-transition: opacity 0.4s;
+  -moz-transition: opacity 0.4s;
+  -o-transition: opacity 0.4s;
+  -ms-transition: opacity 0.4s;
+  transition: opacity 0.4s;
 }
 #usernotes .note .votes .tally {
   color: #262626;