diff --git a/src/index.tsx b/src/index.tsx
index 1ce3582..8ac227a 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -387,14 +387,14 @@ const app = new Elysia({
                     />
                   </label>
                 </fieldset>
-                <div role="group">
+                <div class="flex flex-row gap-4">
                   {ACCOUNT_REGISTRATION ? (
                     <a
                       href={`${WEBROOT}/register`}
                       role="button"
-                      class="btn-primary w-full"
+                      class="btn-secondary w-full text-center"
                     >
-                      Register an account
+                      Register
                     </a>
                   ) : null}
                   <input
diff --git a/src/main.css b/src/main.css
index 108c874..def5138 100644
--- a/src/main.css
+++ b/src/main.css
@@ -44,6 +44,10 @@
   @apply bg-accent-500 text-contrast rounded-sm p-2 sm:p-4 hover:bg-accent-400 cursor-pointer transition-colors;
 }
 
+@utility btn-secondary {
+  @apply bg-neutral-400 text-contrast rounded-sm p-2 sm:p-4 hover:bg-neutral-300 cursor-pointer transition-colors;
+}
+
 :root {
   --contrast: 255, 255, 255;
   --neutral-900: 243, 244, 246;