diff --git a/src/app/components/creator/_dialogs/moderators/moderators.component.ts b/src/app/components/creator/_dialogs/moderators/moderators.component.ts
index 71baa61715c3d03fc4c81699308212bc72387c3e..ab343d1a429ca65b83158a72340ffcb7e310018c 100644
--- a/src/app/components/creator/_dialogs/moderators/moderators.component.ts
+++ b/src/app/components/creator/_dialogs/moderators/moderators.component.ts
@@ -61,6 +61,7 @@ export class ModeratorsComponent implements OnInit {
         return;
       }
       this.moderatorService.add(this.roomId, list[0].id).subscribe();
+      this.moderatorService.addToHistory(this.roomId, list[0].id);
       this.moderators.push(new Moderator(list[0].id, loginId));
       this.translationService.get('room-page.moderator-added').subscribe(msg => {
         this.notificationService.show(msg);
diff --git a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
index ac6e343c23dc4d7e0cad43f945c26ee933201b77..9ae3fa645268379100e05e6e2fc35ee164367cd3 100644
--- a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
+++ b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.html
@@ -27,7 +27,7 @@
           <p>{{room.description.trim()}}</p>
         </mat-card-content>
         <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px">
-          <mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1" *ngIf="viewModuleCount > 1">
+          <mat-grid-list cols="{{viewModuleCount}}" rowHeight="1:1" *ngIf="viewModuleCount > 1 && this.moderationEnabled">
             <mat-grid-tile>
               <button id="question_answer-button"
                       mat-icon-button [disableRipple]="true"
@@ -49,7 +49,7 @@
               </button>
             </mat-grid-tile>
         </mat-grid-list>
-          <div fxLayout="row" fxLayoutAlign="center" *ngIf="viewModuleCount <= 1" class="question-button-div">
+          <div fxLayout="row" fxLayoutAlign="center" *ngIf="!this.moderationEnabled" class="question-button-div">
             <button id="question_answer-button2" mat-icon-button [disableRipple]="true"
                     routerLink="/creator/room/{{ room.shortId }}/comments" aria-labelledby="question_answer">
               <mat-icon matBadge="{{commentCounter}}" class="main-icon"
diff --git a/src/app/services/http/moderator.service.ts b/src/app/services/http/moderator.service.ts
index 7fda7f7a9ba79d7990449a84d2ff4768ebf03129..3243c4bea9f686d56785704992667e4b933afbba 100644
--- a/src/app/services/http/moderator.service.ts
+++ b/src/app/services/http/moderator.service.ts
@@ -19,6 +19,7 @@ export class ModeratorService extends BaseHttpService {
     user: '/user',
     find: '/find'
   };
+  private joinDate: Date;
 
   constructor(private http: HttpClient) {
     super();
@@ -66,4 +67,10 @@ export class ModeratorService extends BaseHttpService {
       catchError(this.handleError('getUserData', []))
     );
   }
+
+  addToHistory(roomId: string, userId: string): void {
+    this.joinDate = new Date(Date.now());
+    const connectionUrl = `${ this.apiUrl.base + this.apiUrl.user }/${ userId }/roomHistory`;
+    this.http.post(connectionUrl, { roomId: roomId, lastVisit: this.joinDate.getTime() }, httpOptions).subscribe(() => {});
+  }
 }