diff --git a/web/src/components/Settings/AccessTokenSection.tsx b/web/src/components/Settings/AccessTokenSection.tsx
index 4cd13dd02..e4cf3f6da 100644
--- a/web/src/components/Settings/AccessTokenSection.tsx
+++ b/web/src/components/Settings/AccessTokenSection.tsx
@@ -103,7 +103,7 @@ const AccessTokenSection = () => {
                 </thead>
                 <tbody className="divide-y divide-border">
                   {userAccessTokens.map((userAccessToken) => (
-                    <tr key={userAccessToken.name}>
+                    <tr key={userAccessToken.accessToken}>
                       <td className="whitespace-nowrap px-3 py-2 text-sm text-foreground flex flex-row justify-start items-center gap-x-1">
                         <span className="font-mono">{getFormatedAccessToken(userAccessToken.accessToken)}</span>
                         <Button variant="ghost" onClick={() => copyAccessToken(userAccessToken.accessToken)}>