diff --git a/frontend/src/app/ui/description/editor/description-editor.component.scss b/frontend/src/app/ui/description/editor/description-editor.component.scss
index 18201658f..696693fa1 100644
--- a/frontend/src/app/ui/description/editor/description-editor.component.scss
+++ b/frontend/src/app/ui/description/editor/description-editor.component.scss
@@ -274,7 +274,7 @@
       height: 27px;
       line-height: 27px;
       background-color: var(--secondary-color);
-      color: #5d5d5d;
+      color: var(--secondary-text);
       border-radius: 4px;
       font-weight: 400;
       font-size: 14px;
diff --git a/frontend/src/app/ui/description/editor/new-description/new-description.component.scss b/frontend/src/app/ui/description/editor/new-description/new-description.component.scss
index 906b8eb3c..036b2ce13 100644
--- a/frontend/src/app/ui/description/editor/new-description/new-description.component.scss
+++ b/frontend/src/app/ui/description/editor/new-description/new-description.component.scss
@@ -4,7 +4,7 @@
 		width: 100%;
 		height: 60px;
 		background-color: var(--secondary-color);
-		color: var(--dark-gray);
+		color: var(--secondary-text);
 		font-size: 1.25rem;
 	}
 
diff --git a/frontend/src/app/ui/plan/overview/plan-overview.component.scss b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
index 89f209133..860b120d6 100644
--- a/frontend/src/app/ui/plan/overview/plan-overview.component.scss
+++ b/frontend/src/app/ui/plan/overview/plan-overview.component.scss
@@ -48,7 +48,7 @@
 	background-color: var(--secondary-color);
 	border-radius: 4px;
 	justify-content: space-between;
-	color: #1b1b1b;
+	color: var(--secondary-text);
 }
 
 .description-finalized-btn {
diff --git a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
index ccde9059d..ff03e273f 100644
--- a/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
+++ b/frontend/src/app/ui/plan/plan-editor-blueprint/plan-editor.component.scss
@@ -104,7 +104,7 @@
       height: 27px;
       line-height: 27px;
       background-color: var(--secondary-color);
-      color: #5d5d5d;
+      color: var(--secondary-text);
       border-radius: 4px;
       font-weight: 400;
       font-size: 14px;
diff --git a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
index 37ec1fcbe..b1132ffec 100644
--- a/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
+++ b/frontend/src/notification-service/ui/admin/notification-template/editor/notification-template-editor.component.html
@@ -292,9 +292,9 @@
 												<mat-label>{{'NOTIFICATION-SERVICE.NOTIFICATION-TEMPLATE-EDITOR.FIELDS.EXTRA-DATA-KEYS' | translate}}</mat-label>
 												<mat-chip-grid #extraDataKeysGrid [formControl]="formGroup.get('value').get('extraDataKeys')">
 												<mat-chip-row *ngFor="let field of extraDataKeys"
-																(removed)="removeChipListValues('extraDataKeys', field)"
-																[editable]="true"
-																(edited)="editChipListValues('extraDataKeys', $event, field)">
+                                                    (removed)="removeChipListValues('extraDataKeys', field)"
+                                                    [editable]="true"
+                                                    (edited)="editChipListValues('extraDataKeys', $event, field)">
 													{{field}}
 													<button matChipRemove [attr.aria-label]="'COMMONS.ACTIONS.REMOVE' | translate">
 													<mat-icon>cancel</mat-icon>
diff --git a/frontend/src/styles.scss b/frontend/src/styles.scss
index 9eba1fc5c..30b52df96 100644
--- a/frontend/src/styles.scss
+++ b/frontend/src/styles.scss
@@ -614,7 +614,7 @@ button, .mdc-button, .mat-mdc-button, .mdc-button:has(.material-icons,mat-icon,[
         color: var(--primary-text);
         &:hover {
             background-color: var(--secondary-color);
-            color: #000000;
+            color: var(--secondary-text);
         }
     }