diff --git a/client/src/components/Header/components/Login.js b/client/src/components/Header/components/Login.js
index 2836a8f514c..4aa2534fde9 100644
--- a/client/src/components/Header/components/Login.js
+++ b/client/src/components/Header/components/Login.js
@@ -34,17 +34,15 @@ const createOnClick = (navigate, isSignedIn) => e => {
function Login(props) {
const { children, navigate, isSignedIn, ...restProps } = props;
return (
-
-
-
+
);
}
diff --git a/client/src/components/Header/components/login.css b/client/src/components/Header/components/login.css
index 66e1343546b..8023eac825e 100644
--- a/client/src/components/Header/components/login.css
+++ b/client/src/components/Header/components/login.css
@@ -1,4 +1,5 @@
-.signup-btn.btn {
+.signup-btn.btn,
+#top-right-nav .signup-btn.btn {
background-color: #ffac33;
background-image: linear-gradient(#ffcc4d, #ffac33);
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d, endColorstr=#ffac33, GradientType=0)';
@@ -8,14 +9,19 @@
padding: 4px 12px;
}
.signup-btn:hover,
-.signup-btn:focus {
+.signup-btn:focus,
+.signup-btn:active:hover,
+#top-right-nav .signup-btn:hover,
+#top-right-nav .signup-btn:focus,
+#top-right-nav .signup-btn:active:hover {
background-color: #e99110;
background-image: linear-gradient(#ffcc4d, #e99110);
-ms-filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffcc4d, endColorstr=#e99110, GradientType=0)';
border-color: #ec8b11;
color: #292f33 !important;
}
-.signup-btn:active {
+.signup-btn:active,
+#top-right-nav .signup-btn:active {
background-color: #f2a330;
background-image: none;
box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);