diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
index a6333a30f0d5deac4fb3836701e0c85e674cb86d..08de06650cc2ebd384e92c7b19f1171a42cef729 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
@@ -5,12 +5,14 @@
     <mat-form-field class="input-block">
       <input [(ngModel)]="editRoom.name" matInput placeholder="{{ 'session.session-name' | translate}}"
              name="room-name" maxlength="20"/>
+      <mat-hint align="end">{{editRoom.name.length }} / 20</mat-hint>
     </mat-form-field>
     <mat-form-field class="input-block">
               <textarea [(ngModel)]="editRoom.description" matInput matTextareaAutosize
                         matAutosizeMinRows="2" matAutosizeMaxRows="5" maxlength="255"
                         placeholder="{{ 'session.description' | translate}}" name="description">
               </textarea>
+      <mat-hint align="end">{{editRoom.description.length }} / 255</mat-hint>
     </mat-form-field>
     <div fxLayoutAlign="center center">
       <button mat-raised-button class="delete" (click)="openDeleteRoomDialog()">
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
index bdafe22ec32a597d87fed7c611e2445a5e63e28f..2dd1385d892fceeadbbfa1b769c13a1d21d9834b 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
@@ -56,3 +56,7 @@ mat-form-field {
   color: var(--on-surface);
 }
 
+mat-hint {
+  color: var(--on-surface)!important;
+}
+