diff --git a/src/app/home-page/home-page.component.html b/src/app/home-page/home-page.component.html
index 1000dbe9a4..a7a55a8e15 100644
--- a/src/app/home-page/home-page.component.html
+++ b/src/app/home-page/home-page.component.html
@@ -4,6 +4,6 @@
     <ds-view-tracker [object]="site"></ds-view-tracker>
   </ng-container>
   <ds-search-form [inPlaceSearch]="false" [searchPlaceholder]="'home.search-form.placeholder' | translate"></ds-search-form>
-  <ds-top-level-community-list></ds-top-level-community-list>
+  <ds-themed-top-level-community-list></ds-themed-top-level-community-list>
   <ds-recent-item-list *ngIf="recentSubmissionspageSize>0"></ds-recent-item-list>
 </div>
diff --git a/src/app/home-page/home-page.module.ts b/src/app/home-page/home-page.module.ts
index 3418437d3c..1681abd805 100644
--- a/src/app/home-page/home-page.module.ts
+++ b/src/app/home-page/home-page.module.ts
@@ -12,11 +12,13 @@ import { ThemedHomePageComponent } from './themed-home-page.component';
 import { RecentItemListComponent } from './recent-item-list/recent-item-list.component';
 import { JournalEntitiesModule } from '../entity-groups/journal-entities/journal-entities.module';
 import { ResearchEntitiesModule } from '../entity-groups/research-entities/research-entities.module';
+import { ThemedTopLevelCommunityListComponent } from './top-level-community-list/themed-top-level-community-list.component';
 
 const DECLARATIONS = [
   HomePageComponent,
   ThemedHomePageComponent,
   TopLevelCommunityListComponent,
+  ThemedTopLevelCommunityListComponent,
   ThemedHomeNewsComponent,
   HomeNewsComponent,
   RecentItemListComponent
diff --git a/src/app/home-page/top-level-community-list/themed-top-level-community-list.component.ts b/src/app/home-page/top-level-community-list/themed-top-level-community-list.component.ts
new file mode 100644
index 0000000000..6eb74cc0a9
--- /dev/null
+++ b/src/app/home-page/top-level-community-list/themed-top-level-community-list.component.ts
@@ -0,0 +1,25 @@
+import { Component } from '@angular/core';
+import { TopLevelCommunityListComponent } from './top-level-community-list.component';
+import { ThemedComponent } from '../../shared/theme-support/themed.component';
+
+@Component({
+  selector: 'ds-themed-top-level-community-list',
+  styleUrls: [],
+  templateUrl: '../../shared/theme-support/themed.component.html',
+})
+export class ThemedTopLevelCommunityListComponent extends ThemedComponent<TopLevelCommunityListComponent> {
+  protected inAndOutputNames: (keyof TopLevelCommunityListComponent & keyof this)[];
+
+  protected getComponentName(): string {
+    return 'TopLevelCommunityListComponent';
+  }
+
+  protected importThemedComponent(themeName: string): Promise<any> {
+    return import(`../../../themes/${themeName}/app/home-page/top-level-community-list/top-level-community-list.component`);
+  }
+
+  protected importUnthemedComponent(): Promise<any> {
+    return import(`./top-level-community-list.component`);
+  }
+
+}
diff --git a/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.html b/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.html
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.scss b/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.scss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.ts b/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.ts
new file mode 100644
index 0000000000..b52cb1439c
--- /dev/null
+++ b/src/themes/custom/app/home-page/top-level-community-list/top-level-community-list.component.ts
@@ -0,0 +1,13 @@
+import { Component } from '@angular/core';
+import { TopLevelCommunityListComponent as BaseComponent } from '../../../../../app/home-page/top-level-community-list/top-level-community-list.component';
+
+@Component({
+  selector: 'ds-top-level-community-list',
+  // styleUrls: ['./top-level-community-list.component.scss'],
+  styleUrls: ['../../../../../app/home-page/top-level-community-list/top-level-community-list.component.scss'],
+  // templateUrl: './top-level-community-list.component.html'
+  templateUrl: '../../../../../app/home-page/top-level-community-list/top-level-community-list.component.html'
+})
+
+export class TopLevelCommunityListComponent extends BaseComponent {}
+
diff --git a/src/themes/custom/lazy-theme.module.ts b/src/themes/custom/lazy-theme.module.ts
index d2ac0ae787..6050afef72 100644
--- a/src/themes/custom/lazy-theme.module.ts
+++ b/src/themes/custom/lazy-theme.module.ts
@@ -114,6 +114,7 @@ import { ObjectListComponent } from './app/shared/object-list/object-list.compon
 import { BrowseByMetadataPageComponent } from './app/browse-by/browse-by-metadata-page/browse-by-metadata-page.component';
 import { BrowseByDatePageComponent } from './app/browse-by/browse-by-date-page/browse-by-date-page.component';
 import { BrowseByTitlePageComponent } from './app/browse-by/browse-by-title-page/browse-by-title-page.component';
+import { TopLevelCommunityListComponent } from './app/home-page/top-level-community-list/top-level-community-list.component';
 
 const DECLARATIONS = [
   FileSectionComponent,
@@ -168,8 +169,7 @@ const DECLARATIONS = [
   BrowseByMetadataPageComponent,
   BrowseByDatePageComponent,
   BrowseByTitlePageComponent,
-
-
+  TopLevelCommunityListComponent,
 ];
 
 @NgModule({