diff --git a/src/app/components/shared/content-groups/content-groups.component.html b/src/app/components/shared/content-groups/content-groups.component.html
index fbf902a3274a72e15ae2cb37975d179ec9bfcfec..105b7bcaffda409a817eb302be6603fc9626cd64 100644
--- a/src/app/components/shared/content-groups/content-groups.component.html
+++ b/src/app/components/shared/content-groups/content-groups.component.html
@@ -1,10 +1,10 @@
 <mat-card *ngFor="let contentGroup of contentGroups" (click)="viewContents(contentGroup)">
   <mat-card-header>
     <mat-card-title>
-      <h4 *ngIf="!(contentGroup.name === 'Default')">{{contentGroup.name}}<mat-icon color="accent"
-         matBadge="{{contentGroup.contentIds.length}}" matBadgePosition="after" matBadgeColor="accent"></mat-icon></h4>
-      <h4 *ngIf="contentGroup.name === 'Default'">{{'room-page.default-content-group' | translate}}<mat-icon color="accent"
-         matBadge="{{contentGroup.contentIds.length}}" matBadgePosition="end" matBadgeColor="accent"></mat-icon></h4>
+      <h4 *ngIf="!(contentGroup.name === 'Default')">{{contentGroup.name}}</h4>
+      <h4 *ngIf="contentGroup.name === 'Default'">{{'room-page.default-content-group' | translate}}</h4>
     </mat-card-title>
+    <mat-icon color="accent" matBadge="{{contentGroup.contentIds.length}}" 
+      matBadgePosition="after" matBadgeColor="accent"></mat-icon>
   </mat-card-header>
 </mat-card>
diff --git a/src/app/components/shared/content-groups/content-groups.component.scss b/src/app/components/shared/content-groups/content-groups.component.scss
index cdbb961a458172f56a8fdd9f88f7fd555594acb5..ad4034c12d1a50c819deeca576fef6ab75e57181 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -19,3 +19,7 @@
     box-shadow: 0 12px 16px rgba(0, 0, 0, 0.2);
   }
 }
+
+mat-icon {
+  margin-top: 20px;
+}