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 76764e7da23e29279607db640783aa27b118ab7b..fbf902a3274a72e15ae2cb37975d179ec9bfcfec 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"
+      <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>
     </mat-card-title>
   </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 892932db7d11d4b3c8f68363bd8af4545626474e..cdbb961a458172f56a8fdd9f88f7fd555594acb5 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -8,7 +8,9 @@
   top: 0;
   text-align: center;
   transition: all 0.25s;
-  margin-top: 1.5%;
+  margin-top: 10px;
+  max-height: 80px;
+  padding: 5px; 
 
   &:hover {
     cursor: pointer;