From b177b3b02edbd06b06f68d676f3342c958dc6122 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Fri, 21 Nov 2025 14:01:59 +0100
Subject: [PATCH] frontend: update no rooms state message and styling for
 better user guidance

---
 .../rooms-lists/rooms-lists.component.html         |  2 +-
 .../rooms-lists/rooms-lists.component.scss         | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.html b/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.html
index 5bb20633..80da84c4 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.html
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.html
@@ -124,7 +124,7 @@
 		</div>
 	} @else if (rooms.length === 0 && showEmptyFilterMessage) {
 		<!-- No rooms match the current filters -->
-		<div class="no-recordings-state">
+		<div class="no-rooms-state">
 			<div class="empty-content">
 				<h3>No rooms match your search criteria and/or filters</h3>
 				<p>Try adjusting or clearing your filters to see more rooms.</p>
diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.scss b/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.scss
index 5fa15ce8..f731de2f 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.scss
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/components/rooms-lists/rooms-lists.component.scss
@@ -289,14 +289,14 @@
 	}
 
 	.getting-started-actions {
-		@extend .action-buttons;
+		@include design-tokens.ov-mobile-down {
+			flex-direction: column;
+			gap: var(--ov-meet-spacing-sm);
 
-		.create-room-btn {
-			@extend .refresh-btn;
-		}
-
-		.clear-filters-btn {
-			@extend .refresh-btn;
+			button {
+				width: 100%;
+				padding: var(--ov-meet-spacing-md);
+			}
 		}
 	}
 }