diff --git a/h/static/scripts/group-forms/components/EditGroupMembersForm.tsx b/h/static/scripts/group-forms/components/EditGroupMembersForm.tsx
index 6c48eaa165a..b0195615e02 100644
--- a/h/static/scripts/group-forms/components/EditGroupMembersForm.tsx
+++ b/h/static/scripts/group-forms/components/EditGroupMembersForm.tsx
@@ -307,6 +307,7 @@ export default function EditGroupMembersForm({
               rows={members ?? []}
               columns={columns}
               renderItem={renderRow}
+              loading={!members}
             />
           </Scroll>
         </div>
diff --git a/h/static/scripts/group-forms/components/test/EditGroupMembersForm-test.js b/h/static/scripts/group-forms/components/test/EditGroupMembersForm-test.js
index d28445f6afd..4250a9d74f3 100644
--- a/h/static/scripts/group-forms/components/test/EditGroupMembersForm-test.js
+++ b/h/static/scripts/group-forms/components/test/EditGroupMembersForm-test.js
@@ -168,9 +168,11 @@ describe('EditGroupMembersForm', () => {
         headers: config.api.readGroupMembers.headers,
       }),
     );
+    assert.isTrue(wrapper.find('DataTable').prop('loading'));
 
     await waitForTable(wrapper);
 
+    assert.isFalse(wrapper.find('DataTable').prop('loading'));
     const users = getRenderedUsers(wrapper);
     assert.deepEqual(users, ['bob', 'johnsmith', 'jane']);
   });