diff --git a/frontend/src/components/UserModal/UserModal.tsx b/frontend/src/components/UserModal/UserModal.tsx
index 2cca37875ab79bad557ab771934293dcb860cd0e..702bc1cf68e75d21be3cd61fc417411d93197851 100644
--- a/frontend/src/components/UserModal/UserModal.tsx
+++ b/frontend/src/components/UserModal/UserModal.tsx
@@ -94,9 +94,15 @@ export const UserModal = ({ open, onClose, userId, setUserId, apps }: UserModalP
     // };
   }, [user, reset, open]);
 
+  let dashboardIndex = 0;
+  apps.forEach((app, index) => {
+    if (app.name === 'dashboard') {
+      dashboardIndex = index;
+    }
+  });
   const dashboardRole = useWatch({
     control,
-    name: 'app_roles.0.role',
+    name: `app_roles.${dashboardIndex}.role`,
   });
 
   useEffect(() => {