diff --git a/app/javascript/styles/mastodon/containers.scss b/app/javascript/styles/mastodon/containers.scss
index e6e0dd74b..5e73cfe92 100644
--- a/app/javascript/styles/mastodon/containers.scss
+++ b/app/javascript/styles/mastodon/containers.scss
@@ -325,20 +325,6 @@ div#auth-bground > img {
       align-items: stretch;
       justify-content: flex-end;
       flex-wrap: nowrap;
-
-      a {
-        font-weight: bold;
-        font-size: 1.1em;
-      }
-
-      a[href*="/sign_in"] {
-        color: #f20595 !important;
-        background: none !important;
-      }
-      a[href*="/sign_up"] {
-        color: #fff !important;
-        background: #f73699 !important;
-      }
     }
 
     .brand {
@@ -390,8 +376,16 @@ div#auth-bground > img {
       }
     }
 
+    .nav-button[href*="/sign_in"] {
+        color: #f20595 !important;
+        background: none !important;
+    }
+
     .nav-button {
-      background: lighten($ui-base-color, 16%);
+      font-weight: bold;
+      font-size: 1.1em;
+      color: #fff;
+      background: lighten($ui-base-color, 40%);
       margin: 8px;
       margin-left: 0;
       border-radius: 4px;
@@ -399,8 +393,9 @@ div#auth-bground > img {
       &:hover,
       &:focus,
       &:active {
+        color: #fff;
         text-decoration: none;
-        background: lighten($ui-base-color, 20%);
+        background: lighten($ui-base-color, 34%);
       }
     }
   }