diff --git a/src/app/+community-page/sub-collection-list/community-page-sub-collection-list.component.html b/src/app/+community-page/sub-collection-list/community-page-sub-collection-list.component.html
index 9494cdb755..b04e93ff71 100644
--- a/src/app/+community-page/sub-collection-list/community-page-sub-collection-list.component.html
+++ b/src/app/+community-page/sub-collection-list/community-page-sub-collection-list.component.html
@@ -1,10 +1,15 @@
 <ng-container *ngVar="(subCollectionsRDObs | async) as subCollectionsRD">
-  <div *ngIf="subCollectionsRD?.hasSucceeded " @fadeIn>
-  <h2>{{'community.sub-collection-list.head' | translate}}</h2>
-  <ul>
-    <ds-viewable-collection [objects]="subCollectionsRD?.payload"
-    [sortConfig]="sortConfig"></ds-viewable-collection>
-  </ul>
-</div><ds-error *ngIf="subCollectionsRD?.hasFailed" message="{{'error.sub-collections' | translate}}"></ds-error>
+  <div *ngIf="subCollectionsRD?.hasSucceeded" @fadeIn>
+    <h2>{{'community.sub-collection-list.head' | translate}}</h2>
+    <ul>
+      <li *ngFor="let collection of subCollectionsRD?.payload">
+        <p>
+          <span class="lead"><a [routerLink]="['/collections', collection.id]">{{collection.name}}</a></span><br>
+          <span class="text-muted">{{collection.shortDescription}}</span>
+        </p>
+      </li>
+    </ul>
+  </div>
+  <ds-error *ngIf="subCollectionsRD?.hasFailed" message="{{'error.sub-collections' | translate}}"></ds-error>
   <ds-loading *ngIf="subCollectionsRD?.isLoading" message="{{'loading.sub-collections' | translate}}"></ds-loading>
 </ng-container>