diff --git a/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.jsx b/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.jsx
index 80ab294597..26228754bc 100644
--- a/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.jsx
+++ b/frontend/pages/hosts/HostDetailsPage/HostDetailsPage.jsx
@@ -493,7 +493,7 @@ export class HostDetailsPage extends Component {
                   {users.map((hostUser) => {
                     return (
                       <HostUsersListRow
-                        key={`host-users-row-${hostUser.id}`}
+                        key={`host-users-row-${hostUser.username}`}
                         hostUser={hostUser}
                       />
                     );