diff --git a/app/pages/login.vue b/app/pages/login.vue
index 11a756a..dbfebfa 100644
--- a/app/pages/login.vue
+++ b/app/pages/login.vue
@@ -47,15 +47,18 @@
   const route = useRoute()
   const isAuthenticating = ref(false)
 
+  function startAuthenticating() {
+    startViewTransition(() => {
+      isAuthenticating.value = true
+    })
+  }
+
   async function signUp() {
     if (isAuthenticating.value) {
       return
     }
 
-    startViewTransition(() => {
-      isAuthenticating.value = true
-    })
-
+    startAuthenticating()
 
     try {
       const responsePromise = $fetch('/api/auth/create-session', {
@@ -85,7 +88,7 @@
   }
 
   function redirectToTwitch() {
-    isAuthenticating.value = true
+    startAuthenticating()
 
     window.location.href = '/api/oauth/twitch'
   }
@@ -127,11 +130,11 @@
   }
 
   .button {
+    color: #fff;
     transition: background-color 0.2s;
 
     &:global(.twitch):not(:disabled) {
       background-color: #9146FF;
-      color: #FFFFFF;
 
       &:focus-visible,
       &:hover {
@@ -145,7 +148,6 @@
 
     &:global(.amogus):not(:disabled) {
       background-color: #4CAF50;
-      color: #FFFFFF;
 
       &:focus-visible,
       &:hover {