diff --git a/studio/pages/join/index.tsx b/studio/pages/join/index.tsx
index 29ed30adf4a..547c5a0737a 100644
--- a/studio/pages/join/index.tsx
+++ b/studio/pages/join/index.tsx
@@ -137,10 +137,9 @@ const User = () => {
         </div>
 
         <div
-          className={[
-            'border-scale-400 border-t',
-            isError ? 'bg-amber-100' : 'bg-transparent',
-          ].join(' ')}
+          className={['border-scale-400 border-t', isError ? 'bg-gold-100' : 'bg-transparent'].join(
+            ' '
+          )}
         >
           <div className="flex flex-col gap-4 px-6 py-6 ">
             {authorized_user && !expired_token && email_match && tokenInfoLoaded && (
@@ -170,7 +169,7 @@ const User = () => {
               <div
                 className={[
                   'flex flex-col items-center justify-center gap-3 text-base',
-                  isError ? 'text-amber-1100' : 'text-scale-1200',
+                  isError ? 'text-gold-1100' : 'text-scale-1200',
                 ].join(' ')}
               >
                 {isError && <IconAlertCircle size={21} strokeWidth={1.5} />}