diff --git a/src/app/participant-room/participant-room.component.html b/src/app/participant-room/participant-room.component.html
index 139a75e0e7fd0a7af3e3af11cf3872e9d5f8f630..3342806a0fe50002a0ee1b390f1e94c250e942f5 100644
--- a/src/app/participant-room/participant-room.component.html
+++ b/src/app/participant-room/participant-room.component.html
@@ -27,22 +27,17 @@
         </mat-grid-tile>
       </mat-grid-list>
       <mat-nav-list>
-        <mat-list-item color="primary">
-          <button mat-button  matTooltip="Join question round" routerLink="/participant/room/{{ room.id }}/questions">
+        <mat-list-item matTooltip="Join question round" routerLink="/participant/room/{{ room.id }}/questions">
             Contents
-          </button>
         </mat-list-item>
-      </mat-nav-list>
-      <mat-card-header fxLayoutAlign="center">
-        <button mat-button color="primary" matTooltip="See room comments">
+
+        <mat-list-item matTooltip="See room comments">
           Comments
-        </button>
-      </mat-card-header>
-      <mat-card-header fxLayoutAlign="center">
-        <button mat-button color="primary" matTooltip="Start personal question round">
-          Learn
-        </button>
-      </mat-card-header>
+          </mat-list-item>
+          <mat-list-item matTooltip="Join question round">
+            Learn
+          </mat-list-item>
+          </mat-nav-list>
     </mat-card>
   </div>
   <button mat-button color="primary" (click)="goBack()">Back</button>
diff --git a/src/app/participant-room/participant-room.component.scss b/src/app/participant-room/participant-room.component.scss
index f39ead8e5c76bac24ad6bedc8a5f32a5738a47b6..cb234048c6bb99ca026d6f4e74ba4801a561a647 100644
--- a/src/app/participant-room/participant-room.component.scss
+++ b/src/app/participant-room/participant-room.component.scss
@@ -6,3 +6,6 @@ mat-card {
 mat-card-content>:first-child {
   margin-top: 16px;
 }
+mat-icon {
+  font-size: 500%;
+}