diff --git a/app/components/auth.tsx b/app/components/auth.tsx
index 8e2b964ab..b82d0e894 100644
--- a/app/components/auth.tsx
+++ b/app/components/auth.tsx
@@ -43,16 +43,20 @@ export function AuthPage() {
           access.updateCode(e.currentTarget.value);
         }}
       />
-      <div className={styles["auth-tips"]}>{Locale.Auth.SubTips}</div>
-      <input
-        className={styles["auth-input"]}
-        type="password"
-        placeholder={Locale.Settings.Token.Placeholder}
-        value={access.token}
-        onChange={(e) => {
-          access.updateToken(e.currentTarget.value);
-        }}
-      />
+      {!access.hideUserApiKey ? (
+        <>
+          <div className={styles["auth-tips"]}>{Locale.Auth.SubTips}</div>
+          <input
+            className={styles["auth-input"]}
+            type="password"
+            placeholder={Locale.Settings.Token.Placeholder}
+            value={access.token}
+            onChange={(e) => {
+              access.updateToken(e.currentTarget.value);
+            }}
+          />
+        </>
+      ) : null}
 
       <div className={styles["auth-actions"]}>
         <IconButton