diff --git a/web/pages/access-tokens.tsx b/web/pages/access-tokens.tsx
index 705e4a25d..58288665f 100644
--- a/web/pages/access-tokens.tsx
+++ b/web/pages/access-tokens.tsx
@@ -133,7 +133,7 @@ export default function AccessTokens() {
 
     useEffect(() => {
         getAccessTokens();
-    }, [tokens]);
+    }, []);
 
     async function handleDeleteToken(token) {
         try {
@@ -147,8 +147,7 @@ export default function AccessTokens() {
     async function handleSaveToken(name: string, scopes: string[]) {
         try {
             const newToken = await fetchData(CREATE_ACCESS_TOKEN, { method: 'POST', data: { name: name, scopes: scopes } });
-            tokens.push(newToken);
-            setTokens(tokens);
+            setTokens(tokens.concat(newToken));
         } catch (error) {
             handleError(error);
         }