diff --git a/lib/components/header.js b/lib/components/header.js
index a02b9afe..9881aada 100644
--- a/lib/components/header.js
+++ b/lib/components/header.js
@@ -232,10 +232,14 @@ export default class Header extends Component {
         height: '34px',
         padding: '12px 15px 12px 15px',
         WebkitAppRegion: 'no-drag',
-        color: '#808080',
+        color: '#FFFFFF',
+        opacity: 0.5,
         shapeRendering: 'crispEdges',
         ':hover': {
-          color: '#FFFFFF'
+          opacity: 1
+        },
+        ':active': {
+          opacity: 0.3
         }
       },
 
@@ -268,7 +272,7 @@ export default class Header extends Component {
 
       maximizeWindowLeft: {order: 3},
 
-      closeWindow: {':hover': {color: '#FE354E'}}
+      closeWindow: {':hover': {color: '#FE354E'}, ':active': {color: '#FE354E'}}
     };
   }