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 5e4b09a..c2aa264 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
@@ -250,7 +250,7 @@
 			<h3>No recordings yet</h3>
 			<p>Recordings from your meetings will appear here. Start a recording in any room to see them listed.</p>
 			<div class="getting-started-actions">
-				<button mat-raised-button color="primary" (click)="refresh.emit()" class="refresh-recordings-btn">
+				<button mat-button (click)="refresh.emit()" class="refresh-recordings-btn primary-button">
 					<mat-icon>refresh</mat-icon>
 					Refresh Recordings
 				</button>
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.scss b/frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.scss
index d57a6b6..e69de29 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/pages/console/recordings/recordings.component.scss
@@ -1,56 +0,0 @@
-@import '../../../../../../../src/assets/styles/design-tokens';
-
-// Use page loading utility
-// .loading-container {
-// 	@extend .ov-page-loading;
-// 	min-height: 60vh;
-
-// 	@include ov-tablet-down {
-// 		min-height: 50vh;
-// 	}
-
-// 	@include ov-mobile-down {
-// 		min-height: 40vh;
-// 	}
-
-// 	.loading-content {
-// 		.loading-header .loading-title .loading-icon {
-// 			color: var(--ov-meet-icon-recordings);
-// 		}
-// 	}
-// }
-
-// Use table page action utilities
-// .recordings-actions {
-// 	@extend .ov-table-page-actions;
-// 	margin-bottom: var(--ov-meet-spacing-lg);
-
-// 	.recordings-stats {
-// 		@extend .ov-stats-display;
-// 	}
-// }
-
-// // Use table page container utility
-// .recordings-table-container {
-// 	@extend .ov-table-page-container;
-// }
-
-// // Use load more utility
-// .load-more-section {
-// 	@extend .ov-load-more-section;
-// }
-
-// // Use snackbar utilities in global styles
-// :host ::ng-deep {
-// 	.success-snackbar {
-// 		@extend .ov-snackbar-success;
-// 	}
-
-// 	.error-snackbar {
-// 		@extend .ov-snackbar-error;
-// 	}
-
-// 	.warning-snackbar {
-// 		@extend .ov-snackbar-warning;
-// 	}
-// }