diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
index 7750c81835b383fbf59fefa12c7da8e3e8ffcd97..4665e71cc6f8e3bb689199759ecf9159a1816ca9 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.html
@@ -1,8 +1,8 @@
 <div fxLayout="column" fxLayoutAlign="center" fxLayoutGap="20px">
   <mat-form-field class="input-block">
-      <textarea matInput #commentBody placeholder="{{ 'comment-page.enter-comment' | translate}}"
-                matTextareaAutosize matAutosizeMinRows=5 matAutosizeMaxRows=10  maxlength="255"
+      <textarea matInput #commentBody matTextareaAutosize matAutosizeMinRows=5 matAutosizeMaxRows=10  maxlength="255"
                 [formControl]="bodyForm"></textarea>
+    <mat-placeholder class="placeholder">{{ 'comment-page.enter-comment' | translate}}</mat-placeholder>
     <mat-hint align="end">{{commentBody.value.length}} / 255</mat-hint>
   </mat-form-field>
   <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="20px">
diff --git a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
index 2e0712ce23eb6c51a0ad95764a10e1d8028d4f48..3ae4b91c17203361a0ca19acb9b0ed2ecd9b796d 100644
--- a/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
+++ b/src/app/components/shared/_dialogs/create-comment/create-comment.component.scss
@@ -27,7 +27,6 @@ mat-hint {
   color: var(--on-surface) !important;
 }
 
-::placeholder {
-  color: var(--on-primary);
-  opacity: 1;
+.placeholder {
+  color: var(--on-surface);
 }
diff --git a/src/app/components/shared/room-join/room-join.component.html b/src/app/components/shared/room-join/room-join.component.html
index c4b420c474e178701b9611a720bf28069e4e25c2..597f1f2fab4b606591d0a769422f191df9988bd1 100644
--- a/src/app/components/shared/room-join/room-join.component.html
+++ b/src/app/components/shared/room-join/room-join.component.html
@@ -5,7 +5,8 @@
       <input matInput #roomId type="text" pattern="[0-9 ]*" inputmode="numeric" min="00000000" max="99999999"
              onkeydown="if(this.value.length - (this.value.split(' ').length -1) === 8 && event.keyCode != 8) return false;
                         if(this.value.length === 4 && event.keyCode != 8) this.value = this.value + ' ';"
-                        placeholder="Session-ID" [formControl]="roomFormControl" [errorStateMatcher]="matcher"/>
+                        [formControl]="roomFormControl" [errorStateMatcher]="matcher"/>
+      <mat-placeholder class="placeholder">Session-ID</mat-placeholder>
       <mat-hint align="end">{{ roomId.value.length - (roomId.value.split(' ').length -1) }} / 8</mat-hint>
       <mat-error *ngIf="roomFormControl.hasError('required')">{{ 'home-page.please-enter' | translate}}</mat-error>
       <mat-error *ngIf="roomFormControl.hasError('pattern')">{{ 'home-page.only-numbers' | translate}}</mat-error>
diff --git a/src/app/components/shared/room-join/room-join.component.scss b/src/app/components/shared/room-join/room-join.component.scss
index a11936b3a3fb385772e298f384310c584f525296..ca69088767adf1f379737b0b3766373606431612 100644
--- a/src/app/components/shared/room-join/room-join.component.scss
+++ b/src/app/components/shared/room-join/room-join.component.scss
@@ -26,7 +26,6 @@ mat-hint {
   color: var(--on-surface) !important;
 }
 
-::placeholder {
+.placeholder {
   color: var(--on-surface);
-  opacity: 1;
 }