diff --git a/frontend/src/components/grantaccess/UserIdentityCard.vue b/frontend/src/components/grantaccess/UserIdentityCard.vue
index 50d0eeaa3..b79f538ed 100644
--- a/frontend/src/components/grantaccess/UserIdentityCard.vue
+++ b/frontend/src/components/grantaccess/UserIdentityCard.vue
@@ -13,13 +13,13 @@ const props = defineProps<{
     <Card class="custom-card">
         <template #header>
             <Icon
-                id="checkmark-Icon"
+                id="checkmarkIcon"
                 icon="checkmark--filled"
                 :size="IconSize.small"
                 v-if="props.userIdentity.found"
             />
             <Icon
-                id="error-Icon"
+                id="errorIcon"
                 class="custom-carbon-icon-error--filled"
                 icon="error--filled"
                 :size="IconSize.small"
diff --git a/frontend/src/tests/UserIdentityCard.spec.ts b/frontend/src/tests/UserIdentityCard.spec.ts
index 5ae06de3a..8355c7e81 100644
--- a/frontend/src/tests/UserIdentityCard.spec.ts
+++ b/frontend/src/tests/UserIdentityCard.spec.ts
@@ -58,8 +58,8 @@ describe('UserIdentityCard', () => {
         firstNameEl = firstName.element as HTMLSpanElement;
         lastName = wrapper.find('#lastName');
         lastNameEl = lastName.element as HTMLSpanElement;
-        checkmarkIcon = wrapper.find('#checkmark-Icon');
-        errorIcon = wrapper.find('#error-icon');
+        checkmarkIcon = wrapper.find('#checkmarkIcon');
+        errorIcon = wrapper.find('#errorIcon');
     });
 
     it('Should show correct info on card based on props', () => {