diff --git a/src/components/JobGroups/JobGroups.jsx b/src/components/JobGroups/JobGroups.jsx
index 1fa6c91..4d80a2a 100644
--- a/src/components/JobGroups/JobGroups.jsx
+++ b/src/components/JobGroups/JobGroups.jsx
@@ -20,7 +20,7 @@ export default function JobGroups() {
         members: []
     })
 
-    const [selectedGroup, setSelectedGroup] = useState({id:'', data: []})
+    const [selectedGroup, setSelectedGroup] = useState({id:'', name:'', data: []})
 
     const changeSelectedGroup = (e) => {
         let groupID = e.target.value
@@ -42,10 +42,15 @@ export default function JobGroups() {
                 return
             }
             setGroupList({loading: false, groups: data.result_list, members: data.result_list_member})
-            let activeGroupId = data.result_list[0].group_id
-            let activeGroup = data.result_list[0].group_name
-            let activeMembers = data.result_list_member?.filter(item => item.group_id == activeGroupId)
-            setSelectedGroup({id: activeGroupId, name:activeGroup, data:activeMembers})
+            if(selectedGroup.id == ''){
+                let activeGroupId = data.result_list[0].group_id
+                let activeGroup = data.result_list[0].group_name
+                let activeMembers = data.result_list_member?.filter(item => item.group_id == activeGroupId)
+                setSelectedGroup({id: activeGroupId, name:activeGroup, data:activeMembers})
+            }else{
+                let activeMembers = data.result_list_member?.filter(item => item.group_id == selectedGroup?.id)
+                setSelectedGroup({id: selectedGroup?.id, name:selectedGroup?.name, data:activeMembers})
+            }
         }).catch(error => {
             setGroupList({loading: false, groups: [], members: []})
             console.log(error)