diff --git a/src/app/join-room/join-room.component.html b/src/app/join-room/join-room.component.html
index cbda834a7263ea007243689f431efded1a6ccd4f..63ee40874c61db941b44b6f5dd0057a9f52bd7b9 100644
--- a/src/app/join-room/join-room.component.html
+++ b/src/app/join-room/join-room.component.html
@@ -1,7 +1,9 @@
 <form (ngSubmit)="joinRoom(roomId.value)">
     <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
       <mat-form-field class="input-block">
-        <input matInput #roomId placeholder="Room-Id" [formControl]="roomFormControl" [errorStateMatcher]="matcher"/>
+        <input matInput #roomId placeholder="Room-Id" [formControl]="roomFormControl"
+               [errorStateMatcher]="matcher" maxlength="8"/>
+        <mat-hint align="end">{{roomId.value.length}} / 8</mat-hint>
         <mat-error *ngIf="roomFormControl.hasError('required')">Please enter a room-id.</mat-error>
       </mat-form-field>
       <button mat-fab color="primary" (click)="joinRoom(roomId.value)">