diff --git a/public/js/hint.js b/public/js/hint.js
index 0ec79b8..eea04cc 100644
--- a/public/js/hint.js
+++ b/public/js/hint.js
@@ -175,9 +175,6 @@
 
   function changed (e) {
     var el = e.target;
-
-console.log("Change " + e.key);
-
     if (e.key === '/' || e.key === '=') {
       var start = el.selectionStart;
       mirror.firstChild.textContent = el.value.substring(0, start);
diff --git a/public/sass/hint.scss b/public/sass/hint.scss
index c19b508..6cfc84f 100644
--- a/public/sass/hint.scss
+++ b/public/sass/hint.scss
@@ -16,9 +16,17 @@
   > ul {
     color: white;
     margin: 0;
+    margin-top: -1px;
     text-indent: 0;
     display: inline-block;
-    background-color: $dark-green;
+    background-color: $pagination-bg;
+    border: {
+      width: 2px;
+      style: solid;
+      top-width:  0px;
+      color: $pagination-border;
+    }
+    box-shadow: $pagination-box-shadow;
     opacity: 0;
     padding: 0;
     padding-top: 5px;
@@ -29,23 +37,21 @@
       list-style-type: none;
       list-style-position: outside;
       padding: 3pt 10pt;
-      text-shadow: none;
+      text-shadow: $light-shadow;
       white-space: normal;
+      color: $light-green;
       > span {
         float: right;
         margin-left: 30pt;
         text-align: right;
         font-style: italic;
-        color: #7ba400;
       }
       /* like sidebar ul li.active */
       &.active {
-        background-color: #7ba400;
-        text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
-        > span {
-          color: #496000;
-          text-shadow: none;
-        }
+        background-color: $light-green;
+        text-shadow: none;
+        color: $dark-green;
+        text-shadow: none;
       }
     }
   }