diff --git a/templates/settings.html b/templates/settings.html
index 8095bcc..fd3c20a 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -45,9 +45,9 @@
         <div class="modal-content">
             <h4>Instructions</h4>
             <ul class="browser-default">
-                <li>To generate your API key, run the command <a class="blue lighten-2 blue-text text-darken-4">headscale apikeys create</a> on your control server.  Once you generate your first key, this UI will automatically renew the key near expiration.</li>
-                <li>The Headscale server is configured via the <a class="blue lighten-2 blue-text text-darken-4">HS_SERVER</a> environment variable in Docker. Current server:  <a class="blue lighten-2 blue-text text-darken-4"> {{url}} </a></li>
-                <li>You must configure an encryption key via the <a class="blue lighten-2 blue-text text-darken-4">KEY</a> environment varialbe in Docker.  One can be generated with the command <a class="blue lighten-2 blue-text text-darken-4">openssl rand -base64 32</a></li>
+                <li>To generate your API key, run the command <a class="{{ COLOR_BTN }}">headscale apikeys create</a> on your control server.  Once you generate your first key, this UI will automatically renew the key near expiration.</li>
+                <li>The Headscale server is configured via the <a class="{{ COLOR_BTN }}">HS_SERVER</a> environment variable in Docker. Current server:  <a class="{{ COLOR_BTN }}"> {{url}} </a></li>
+                <li>You must configure an encryption key via the <a class="{{ COLOR_BTN }}">KEY</a> environment variable in Docker.  One can be generated with the command <a class="{{ COLOR_BTN }}">openssl rand -base64 32</a></li>
             </ul>
         </div>
         <div class="modal-footer">