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 f6bf1e6e00cd710883af83c692f0bb80b4e443f4..8ce7e5a0d380633c67557b9f17d257376eea0251 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
@@ -8,7 +8,7 @@
   </mat-form-field>
   <mat-form-field *ngIf="tags !== null">
 
-    <mat-label>{{ 'comment-page.tag' || translate }}</mat-label>
+    <mat-label>{{ 'comment-page.tag' | translate }}</mat-label>
     <mat-select [(ngModel)]="selectedTag" class="comment-tag">
       <mat-option *ngFor="let tag of tags" value="{{tag}}">{{tag}}</mat-option>
     </mat-select>
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 980812d8bf86cee5833c68c2b2ae50ca735191f3..b95058ec50a7fb4eb3df7255a1933880ce90bece 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
@@ -50,3 +50,14 @@ mat-hint {
   background-color: var(--on-surface)!important;
 }
 
+::ng-deep .mat-select-arrow-wrapper .mat-select-arrow {
+  color: var(--on-surface);
+}
+
+::ng-deep .mat-select-value-text {
+  color: var(--on-surface);
+}
+
+::ng-deep .mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+  color: var(--primary);
+}