diff --git a/ui/stylesheets/csui/_button.scss b/ui/stylesheets/csui/_button.scss
index fa00d0c70a6..e7eae1f9f32 100644
--- a/ui/stylesheets/csui/_button.scss
+++ b/ui/stylesheets/csui/_button.scss
@@ -15,7 +15,7 @@
 // specific language governing permissions and limitations
 // under the License.
 @mixin csui-button {
-    @include linear-gradient(#fff, darken(#ccc, 30%));
+    @include linear-gradient(#fff, #ccc);
 
     display: block;
     padding-top: 8px;
@@ -23,14 +23,15 @@
     padding-left: 12px;
     padding-right: 12px;
     min-width: 92px;
-    font-size: 12px;
+    font-size: 11px;
     border-radius: 3px;
-    border: 1px solid black;
+    border: 1px solid #999999;
     cursor: pointer;
     text-align: center;
 
     &:hover {
-        box-shadow: inset 0 0 10px black;
+        box-shadow: inset 0 0 10px #ccc;
+        @include linear-gradient(#fff, darken(#fff, 5%));
     }
 }
 
@@ -54,6 +55,10 @@
     color: white;
     font-weight: bold;
     text-shadow: 0px 1px 1px black;
+
+    &:hover {
+        background: #2e2e2e;
+    }
 }
 
 @mixin csui-button-refresh {