diff --git a/src/app/collection-page/create-collection-page/create-collection-page.component.html b/src/app/collection-page/create-collection-page/create-collection-page.component.html
index 94f1536b88..0907290ac3 100644
--- a/src/app/collection-page/create-collection-page/create-collection-page.component.html
+++ b/src/app/collection-page/create-collection-page/create-collection-page.component.html
@@ -11,5 +11,5 @@
 </div>
 
 <div class="container">
-  <ds-themed-loading *ngIf="isLoading$ | async"></ds-themed-loading>
+  <ds-loading *ngIf="isLoading$ | async"></ds-loading>
 </div>
diff --git a/src/app/collection-page/create-collection-page/create-collection-page.component.ts b/src/app/collection-page/create-collection-page/create-collection-page.component.ts
index 989d77c15b..8017cb0245 100644
--- a/src/app/collection-page/create-collection-page/create-collection-page.component.ts
+++ b/src/app/collection-page/create-collection-page/create-collection-page.component.ts
@@ -1,4 +1,4 @@
-import { AsyncPipe } from '@angular/common';
+import { AsyncPipe, NgIf } from '@angular/common';
 import { Component } from '@angular/core';
 import { Router } from '@angular/router';
 import {
@@ -16,6 +16,7 @@ import { CreateComColPageComponent } from '../../shared/comcol/comcol-forms/crea
 import { ThemedLoadingComponent } from '../../shared/loading/themed-loading.component';
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { CollectionFormComponent } from '../collection-form/collection-form.component';
+import { LoadingComponent } from '../../../themes/custom/app/shared/loading/loading.component';
 
 /**
  * Component that represents the page where a user can create a new Collection
@@ -29,6 +30,8 @@ import { CollectionFormComponent } from '../collection-form/collection-form.comp
     TranslateModule,
     AsyncPipe,
     ThemedLoadingComponent,
+    LoadingComponent,
+    NgIf,
   ],
   standalone: true,
 })
diff --git a/src/app/community-page/create-community-page/create-community-page.component.html b/src/app/community-page/create-community-page/create-community-page.component.html
index be9127eb2a..4c634dab8e 100644
--- a/src/app/community-page/create-community-page/create-community-page.component.html
+++ b/src/app/community-page/create-community-page/create-community-page.component.html
@@ -14,5 +14,5 @@
 </div>
 
 <div class="container">
-  <ds-themed-loading *ngIf="isLoading$ | async"></ds-themed-loading>
+  <ds-loading *ngIf="isLoading$ | async"></ds-loading>
 </div>
diff --git a/src/app/community-page/create-community-page/create-community-page.component.ts b/src/app/community-page/create-community-page/create-community-page.component.ts
index 082f6c4f0b..da24af1ea1 100644
--- a/src/app/community-page/create-community-page/create-community-page.component.ts
+++ b/src/app/community-page/create-community-page/create-community-page.component.ts
@@ -19,6 +19,7 @@ import { ThemedLoadingComponent } from '../../shared/loading/themed-loading.comp
 import { NotificationsService } from '../../shared/notifications/notifications.service';
 import { VarDirective } from '../../shared/utils/var.directive';
 import { CommunityFormComponent } from '../community-form/community-form.component';
+import { LoadingComponent } from '../../../themes/custom/app/shared/loading/loading.component';
 
 /**
  * Component that represents the page where a user can create a new Community
@@ -34,6 +35,7 @@ import { CommunityFormComponent } from '../community-form/community-form.compone
     NgIf,
     AsyncPipe,
     ThemedLoadingComponent,
+    LoadingComponent,
   ],
   standalone: true,
 })