diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
index 9017fa14..59e2b913 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.html
@@ -67,9 +67,9 @@
 					<span *ngIf="recordingStatus === recStatusEnum.STOPPED">{{ 'TOOLBAR.START_RECORDING' | translate }}</span>
 				</button>
 
-				<span *ngIf="recordingStatus === recStatusEnum.STARTING">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.STOPPING">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
-				<span *ngIf="recordingStatus === recStatusEnum.FAILED">Message: </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STARTING" class="recording-message">{{ 'PANEL.RECORDING.STARTING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.STOPPING" class="recording-message">{{ 'PANEL.RECORDING.STOPPING' | translate }} </span>
+				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">Message: </span>
 				<span *ngIf="recordingStatus === recStatusEnum.FAILED" class="recording-error">{{ recordingError }} </span>
 				<div>
 					<button
diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
index b6f0d64d..c0238306 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/panel/activities-panel/recording-activity/recording-activity.component.scss
@@ -72,6 +72,10 @@
 		text-align: center;
 	}
 
+	.recording-message {
+		color: var(--ov-text-surface-color);
+	}
+
 	.recording-error {
 		color: var(--ov-error-color);
 		font-weight: 600;