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;
       }
     }
   }