diff --git a/static/nryg.less b/static/nryg.less
index 54e143da..6e02e646 100644
--- a/static/nryg.less
+++ b/static/nryg.less
@@ -49,7 +49,7 @@ textarea {
     height: 300px;
 }
 
-button, input[type="submit"], .button {
+button, input[type="submit"], .btn {
     background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.1);
     border-radius: 0;
     border: 1px solid @text-color;
@@ -64,12 +64,12 @@ button, input[type="submit"], .button {
     cursor: default;
 }
 
-button:hover, input[type="submit"]:hover, .button:hover {
+button:hover, input[type="submit"]:hover, .btn:hover {
     background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.3);
     border: 1px solid @accent-color;
 }
 
-button:active, input[type="submit"]:active, .button:active {
+button:active, input[type="submit"]:active, .btn:active {
     background-color: rgba(red(@text-color), green(@text-color), blue(@text-color), 0.5);
     color: @accent-color !important;
     border: 1px solid @accent-color;
diff --git a/templates/base.html b/templates/base.html
index f2f0c112..8c2c5fad 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -19,9 +19,9 @@
                 <span class="login-status">
                     {% if session.get('username') is not none %}
                         <a href="/profile/{{ session.get('username') }}">{{ session.get('username') }}</a>
-                        <a class="button" href="/logout">Logout</a>
+                        <a class="btn" href="/logout">Logout</a>
                     {% else %}
-                        <a class="button" href="/login">Login</a>
+                        <a class="btn" href="/login">Login</a>
                     {% endif %}
                 </span>
             </div>