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 c2f64465d502df71183cd0ed2a0ff35a50143a0a..c871adafa82b7613732457376a718ec5f933a9de 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
@@ -4,17 +4,24 @@
     <mat-card *ngIf="room">
       <mat-card-header fxLayoutAlign="center">
         <mat-card-title fxLayoutAlign="center">
-          <h3 class="subheading-2">{{ room.name }}</h3>
+          <h2>{{ room.name }}</h2>
         </mat-card-title>
         <mat-card-subtitle fxLayoutAlign="center">
+          <h3>
             {{ room.shortId.slice(0,4) }} {{  room.shortId.slice(4,8) }}
+          </h3>
         </mat-card-subtitle>
       </mat-card-header>
       <mat-divider></mat-divider>
       <mat-card-content fxLayoutAlign="center">
-        <p>
-          {{ room.description }}
-        </p>
+        <mat-expansion-panel class="mat-elevation-z0">
+          <mat-expansion-panel-header>
+            <h4>Beschreibung</h4>
+          </mat-expansion-panel-header>
+          <p>
+            {{ room.description }}
+          </p>
+        </mat-expansion-panel>
       </mat-card-content>
       <mat-grid-list cols="3" rowHeight="2:1">
         <mat-grid-tile colspan="1" rowspan="1">
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 8d82418728862f83249c2e0e9686fbe7179d8882..2373665c1c62b51f9fea4b03b15be457460555a4 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
@@ -52,3 +52,7 @@ mat-card-title {
 mat-card-subtitle {
   height: 20%;
 }
+
+mat-expansion-panel {
+  background-color: #fff8e1!important;
+}