diff --git a/web/css/main.css b/web/css/main.css
index ac5353cb..5643737f 100644
--- a/web/css/main.css
+++ b/web/css/main.css
@@ -738,7 +738,7 @@ form {
     width: 108px;
     height: 34px;
     color: #555;
-    background-color: #fafafa;
+    background-color: #fff;
     border: 1px solid #ccc;
 }
 
@@ -753,6 +753,31 @@ form {
     background-color: #ccc;
 }
 
+.login-button {
+    filter:chroma(color=#000000);
+    cursor: pointer;
+    border-radius: 3px 3px 3px 3px;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 2px 16px;
+    width: 108px;
+    height: 34px;
+    color: #fff;
+    background-color: #999;
+    border: 1px solid #999;
+}
+
+.login-button:hover {
+    color: #fff;
+    border: 1px solid #f79b44;
+    background-color: #f79b44;
+}
+
+.login-button:active {
+    border: 1px solid #ccc;
+    background-color: #ccc;
+}
+
 .genpass {
     color: #2361a1;
     font-size: 8pt;
diff --git a/web/templates/login.html b/web/templates/login.html
index 65dc709d..658de0aa 100644
--- a/web/templates/login.html
+++ b/web/templates/login.html
@@ -36,7 +36,7 @@
                                         </tr>
                                         <tr>
                                             <td style="padding: 0 0 12px 0;">
-                                                <input tabindex="3" type="submit" value="<?php print __('Log in');?>" class="button">
+                                                <input tabindex="3" type="submit" value="<?php print __('Log in');?>" class="login-button">
                                             </td>
                                         </tr>
                                     </table>