diff --git a/package.json b/package.json
index 1edd87e..bb67b0c 100644
--- a/package.json
+++ b/package.json
@@ -9,6 +9,7 @@
   "main": "webpack.config.js",
   "scripts": {
     "hot": "webpack-dev-server --inline --hot --history-api-fallback --open",
+    "buildWatch": "webpack --mode production --watch", 
     "build": "webpack --mode production",
     "start": "node index.js",
     "start:docker": "webpack-dev-server --host 0.0.0.0 --inline --hot --history-api-fallback --open",
diff --git a/src/components/common/header/header.scss b/src/components/common/header/header.scss
index d93385b..9a40fbb 100644
--- a/src/components/common/header/header.scss
+++ b/src/components/common/header/header.scss
@@ -150,7 +150,6 @@ header {
 
   .btn-container {
     display: none;
-
     /* large devices -- desktops screen sizes 992px and above */
     @media only screen and (min-width: 992px) {
       display: inline;
@@ -165,11 +164,13 @@ header {
       box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.3), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 
       &:hover {
-        transform: scale(.98)
+        transform: scale(0.98);
+        background-color: #fff;
+        border: 1px $header-btn-color;
+        color: $header-btn-color;
+        cursor: pointer;
       }
-    }
-
-    
+    }  
   }