From 6a9bd2be958a22c77d49ea9a23ba1aa3e1c48e06 Mon Sep 17 00:00:00 2001
From: Carlos Santos <4a.santos@gmail.com>
Date: Tue, 23 Dec 2025 11:40:27 +0100
Subject: [PATCH] frontend: adjust step content card styles for improved layout
 and add height property to recordings header for better UX

---
 .../console/rooms/room-wizard/room-wizard.component.scss    | 6 +++---
 .../pages/room-recordings/room-recordings.component.scss    | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.scss b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.scss
index 4bf6d576..ed7c9571 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.scss
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/console/rooms/room-wizard/room-wizard.component.scss
@@ -58,17 +58,17 @@
 
 // Step content card
 .step-content {
-	@include design-tokens.ov-section-card;
 	width: 100%;
 	max-width: 700px;
 	height: -webkit-fill-available;
-  	height: -moz-available;
-  	height: fill-available;
+	height: -moz-available;
+	height: fill-available;
 	max-height: 100%;
 	display: flex;
 	flex-direction: column;
 	overflow-y: auto;
 	overflow-x: hidden;
+	@include design-tokens.ov-section-card;
 
 	// Inner content should be centered vertically when small
 	> :first-child {
diff --git a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.scss b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.scss
index 37b5409f..544c9d3b 100644
--- a/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.scss
+++ b/meet-ce/frontend/projects/shared-meet-components/src/lib/pages/room-recordings/room-recordings.component.scss
@@ -12,6 +12,7 @@
 	padding-bottom: 0;
 	padding-top: var(--ov-meet-spacing-xxl);
 	background: var(--ov-meet-background-color);
+	height: fit-content;
 }
 
 // Room Header
@@ -48,9 +49,8 @@
 .recordings-content {
 	@include design-tokens.ov-container;
 	@include design-tokens.ov-page-content;
-	margin-top: var(--ov-meet-spacing-xl);
 	flex: 1;
-	padding-bottom: var(--ov-meet-spacing-xl); // Add bottom padding for better UX
+	padding-bottom: var(--ov-meet-spacing-xl);
 }
 
 .recordings-loading-container {