diff --git a/web/src/views/settings/AuthenticationView.tsx b/web/src/views/settings/AuthenticationView.tsx
index 757eb16da..161da0f81 100644
--- a/web/src/views/settings/AuthenticationView.tsx
+++ b/web/src/views/settings/AuthenticationView.tsx
@@ -381,16 +381,14 @@ export default function AuthenticationView({
     [t, updateConfig, users, mutateUsers],
   );
 
-  const roles = useMemo(() => {
-    return config?.auth?.roles
-      ? Object.entries(config.auth.roles)
-          .filter(([name]) => name !== "admin")
-          .map(([name, data]) => ({
-            name,
-            cameras: Array.isArray(data) ? data : [],
-          }))
-      : [];
-  }, [config]);
+  const roles = config?.auth?.roles
+    ? Object.entries(config.auth.roles)
+        .filter(([name]) => name !== "admin")
+        .map(([name, data]) => ({
+          name,
+          cameras: Array.isArray(data) ? data : [],
+        }))
+    : [];
 
   const availableRoles = useMemo(() => {
     return config ? [...Object.keys(config.auth?.roles || {})] : [];