diff --git a/src/app/creator-room/creator-room.component.html b/src/app/creator-room/creator-room.component.html
index d14196923560a965651324d94aed19789c446434..d641f8e45d2b901ffc091e34e33d8ab64168d52a 100644
--- a/src/app/creator-room/creator-room.component.html
+++ b/src/app/creator-room/creator-room.component.html
@@ -1,3 +1,19 @@
-<p>
-  creator-room works!
-</p>
+<div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px" fxFill>
+  <div fxLayout="row" fxLayoutAlign="center">
+    <div fxLayoutGap="20px">
+      <mat-list-item>Room: {{room}}</mat-list-item>
+      <mat-list-item>
+        <button mat-raised-button color="primary">Create content</button>
+      </mat-list-item>
+      <mat-list-item>
+        <button mat-raised-button color="primary">Contents</button>
+      </mat-list-item>
+      <mat-list-item>
+        <button mat-raised-button color="primary">Comments</button>
+      </mat-list-item>
+      <mat-list-item>
+        <button mat-raised-button color="warn">Delete room</button>
+      </mat-list-item>
+    </div>
+  </div>
+</div>
diff --git a/src/app/creator-room/creator-room.component.ts b/src/app/creator-room/creator-room.component.ts
index 18eb75c8cefb70205018f4512c4e36795d9c76c4..c88fa779b2de97760e8e49f51b718efd60baab33 100644
--- a/src/app/creator-room/creator-room.component.ts
+++ b/src/app/creator-room/creator-room.component.ts
@@ -6,7 +6,7 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./creator-room.component.scss']
 })
 export class CreatorRoomComponent implements OnInit {
-
+  room = '1';
   constructor() { }
 
   ngOnInit() {