diff --git a/src/app/profile-page/profile-page.component.html b/src/app/profile-page/profile-page.component.html
index ffdf802a94..da31018cad 100644
--- a/src/app/profile-page/profile-page.component.html
+++ b/src/app/profile-page/profile-page.component.html
@@ -22,7 +22,7 @@
     </div>
 
     <ng-container *ngVar="(groupsRD$ | async)?.payload?.page as groups">
-      <div *ngIf="groups">
+      <div *ngIf="groups?.length > 0">
         <h3 class="mt-4">{{'profile.groups.head' | translate}}</h3>
         <ul class="list-group list-group-flush">
           <li *ngFor="let group of groups" class="list-group-item">{{group.name}}</li>
@@ -31,13 +31,11 @@
     </ng-container>
 
     <ng-container *ngVar="(specialGroupsRD$ | async)?.payload?.page as specialGroups">
-      <div *ngIf="specialGroups">
-        <div id="specialGroups">
-          <h3 class="mt-4">{{'profile.special.groups.head' | translate}}</h3>
-          <ul class="list-group list-group-flush">
-            <li *ngFor="let specialGroup of specialGroups" class="list-group-item">{{specialGroup.name}}</li>
-          </ul>
-        </div>
+      <div *ngIf="specialGroups?.length > 0" data-test="specialGroups">
+        <h3 class="mt-4">{{'profile.special.groups.head' | translate}}</h3>
+        <ul class="list-group list-group-flush">
+          <li *ngFor="let specialGroup of specialGroups" class="list-group-item">{{specialGroup.name}}</li>
+        </ul>
      </div>
     </ng-container>
   </div>
diff --git a/src/app/profile-page/profile-page.component.spec.ts b/src/app/profile-page/profile-page.component.spec.ts
index 1bc9a78ad5..46f83c964b 100644
--- a/src/app/profile-page/profile-page.component.spec.ts
+++ b/src/app/profile-page/profile-page.component.spec.ts
@@ -20,7 +20,7 @@ import { provideMockStore } from '@ngrx/store/testing';
 import { AuthorizationDataService } from '../core/data/feature-authorization/authorization-data.service';
 import { getTestScheduler } from 'jasmine-marbles';
 import { By } from '@angular/platform-browser';
-import { SpecialGroupDataMock$ } from '../shared/testing/special-group.mock';
+import { EmptySpecialGroupDataMock$, SpecialGroupDataMock$ } from '../shared/testing/special-group.mock';
 
 describe('ProfilePageComponent', () => {
   let component: ProfilePageComponent;
@@ -240,14 +240,21 @@ describe('ProfilePageComponent', () => {
 
   describe('check for specialGroups', () => {
     it('should contains specialGroups list', () => {
-      const specialGroupsEle = fixture.debugElement.query(By.css('#specialGroups'));
+      const specialGroupsEle = fixture.debugElement.query(By.css('[data-test="specialGroups"]'));
       expect(specialGroupsEle).toBeTruthy();
     });
 
     it('should not contains specialGroups list', () => {
       component.specialGroupsRD$ = null;
       fixture.detectChanges();
-      const specialGroupsEle = fixture.debugElement.query(By.css('#specialGroups'));
+      const specialGroupsEle = fixture.debugElement.query(By.css('[data-test="specialGroups"]'));
+      expect(specialGroupsEle).toBeFalsy();
+    });
+
+    it('should not contains specialGroups list', () => {
+      component.specialGroupsRD$ = EmptySpecialGroupDataMock$;
+      fixture.detectChanges();
+      const specialGroupsEle = fixture.debugElement.query(By.css('[data-test="specialGroups"]'));
       expect(specialGroupsEle).toBeFalsy();
     });
   });
diff --git a/src/app/shared/testing/special-group.mock.ts b/src/app/shared/testing/special-group.mock.ts
index d8ec8a83cc..f1102e0584 100644
--- a/src/app/shared/testing/special-group.mock.ts
+++ b/src/app/shared/testing/special-group.mock.ts
@@ -50,6 +50,7 @@ export const SpecialGroupMock: Group = Object.assign(new Group(), {
 
 export const SpecialGroupDataMock: RemoteData<PaginatedList<Group>> = createSuccessfulRemoteDataObject(buildPaginatedList(new PageInfo(), [SpecialGroupMock2,SpecialGroupMock]));
 export const SpecialGroupDataMock$: Observable<RemoteData<PaginatedList<Group>>> = createSuccessfulRemoteDataObject$(buildPaginatedList(new PageInfo(), [SpecialGroupMock2,SpecialGroupMock]));
+export const EmptySpecialGroupDataMock$: Observable<RemoteData<PaginatedList<Group>>> = createSuccessfulRemoteDataObject$(buildPaginatedList(new PageInfo(), []));