diff --git a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
index 82791c6..928335a 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
+++ b/frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html
@@ -178,7 +178,7 @@
 								matTooltip="Play Recording"
 								(click)="playRecording(recording)"
 								[disabled]="loading"
-								id="play-recording-btn-{{ recording.id }}"
+								id="play-recording-btn-{{ recording.recordingId }}"
 							>
 								<mat-icon>play_arrow</mat-icon>
 							</button>
@@ -191,7 +191,7 @@
 								matTooltip="Download Recording"
 								(click)="downloadRecording(recording)"
 								[disabled]="loading"
-								id="download-recording-btn-{{ recording.id }}"
+								id="download-recording-btn-{{ recording.recordingId }}"
 							>
 								<mat-icon>download</mat-icon>
 							</button>
@@ -204,7 +204,7 @@
 								matTooltip="Delete Recording"
 								(click)="deleteRecording(recording)"
 								[disabled]="loading"
-								id="delete-recording-btn-{{ recording.id }}"
+								id="delete-recording-btn-{{ recording.recordingId }}"
 							>
 								<mat-icon>delete</mat-icon>
 							</button>
@@ -215,20 +215,29 @@
 								[matMenuTriggerFor]="actionsMenu"
 								matTooltip="More Actions"
 								[disabled]="loading"
-								id="more-actions-btn-{{ recording.id }}"
+								id="more-actions-btn-{{ recording.recordingId }}"
 							>
 								<mat-icon>more_vert</mat-icon>
 							</button>
 
 							<mat-menu #actionsMenu="matMenu">
-								<button mat-menu-item (click)="shareRecordingLink(recording)" id="share-recording-link-{{ recording.id }}">
+								<button
+									mat-menu-item
+									(click)="shareRecordingLink(recording)"
+									id="share-recording-link-{{ recording.recordingId }}"
+								>
 									<mat-icon>share</mat-icon>
 									<span>Share link</span>
 								</button>
 
 								@if (canDeleteRecording(recording)) {
 									<mat-divider></mat-divider>
-									<button mat-menu-item (click)="deleteRecording(recording)" class="delete-action" id="delete-recording-btn-{{ recording.id }}">
+									<button
+										mat-menu-item
+										(click)="deleteRecording(recording)"
+										class="delete-action"
+										id="delete-recording-btn-{{ recording.recordingId }}"
+									>
 										<mat-icon>delete</mat-icon>
 										<span>Delete recording</span>
 									</button>