diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index 02def3be1142c489b3af2ffbd65770779963450d..c2f64465d502df71183cd0ed2a0ff35a50143a0a 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -7,9 +7,7 @@
           <h3 class="subheading-2">{{ room.name }}</h3>
         </mat-card-title>
         <mat-card-subtitle fxLayoutAlign="center">
-          <div>
             {{ room.shortId.slice(0,4) }} {{  room.shortId.slice(4,8) }}
-          </div>
         </mat-card-subtitle>
       </mat-card-header>
       <mat-divider></mat-divider>
@@ -52,7 +50,7 @@
           </button>
         </mat-grid-tile>
         <mat-grid-tile>
-        <button mat-icon-button class="warn" (click)="openDeletionRoomDialog()"
+        <button mat-icon-button color="warn" (click)="openDeletionRoomDialog()"
                 matTooltip="{{ 'room-page.delete-room' | translate}}">
           <mat-icon>delete_forever</mat-icon>
         </button>
diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
index 0ebc64c76461301f7941dc9af5b673ad2cbd1737..7532543fd40149e87ffea364f6eb14f051cd840a 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
@@ -23,7 +23,3 @@ button {
   width:100% !important;
   font-size:48px !important;
 }
-
-.warn {
-  color: #ff8a80;
-}