diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.scss b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
index e555b3b8887d040ae1d8706dccb2c5dee245e9ec..215de327e5bad5d6d6e1fda3492f3c373f38fc27 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.scss
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.scss
@@ -4,7 +4,7 @@ mat-card {
   width: 100%;
   max-width: 800px;
   min-height: 350px;
-  max-height: 700px;
+  padding: 0 10% 5% 10%;
   background-color: var(--surface) !important;
 }
 
@@ -83,7 +83,7 @@ mat-card-subtitle {
 }
 
 mat-grid-tile {
-  height: 100% !important;
+  height: 70% !important;
   padding: 10% 0 !important;
 }
 
diff --git a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
index 7d5ca669e29422bcd1504837eb371de897a11551..4559fe424a26788e8ae38186a1097f837d077c64 100644
--- a/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
+++ b/src/app/components/moderator/room-moderator-page/room-moderator-page.component.scss
@@ -4,7 +4,7 @@ mat-card {
   width: 100%;
   max-width: 800px;
   min-height: 350px;
-  max-height: 700px;
+  padding: 0 10% 5% 10%;
   background-color: var(--surface) !important;
 }
 
@@ -108,7 +108,7 @@ mat-card-subtitle {
 }
 
 mat-grid-tile {
-  height: 100% !important;
+  height: 70% !important;
   padding: 10% 0 !important;
 }
 
diff --git a/src/app/components/participant/room-participant-page/room-participant-page.component.scss b/src/app/components/participant/room-participant-page/room-participant-page.component.scss
index 4245f09a284b6dedbf446784aa4fb8e810471ce8..541953744871d3ecfa761fa6e10c348225509995 100644
--- a/src/app/components/participant/room-participant-page/room-participant-page.component.scss
+++ b/src/app/components/participant/room-participant-page/room-participant-page.component.scss
@@ -4,11 +4,12 @@ mat-card {
   width: 100%;
   max-width: 800px;
   min-height: 350px;
+  padding: 0 10% 5% 10%;
   background-color: var(--surface) !important;
 }
 
 mat-card-content > :first-child {
-  margin-top: 5%;
+  margin: 3% 0 3% 0;
 }
 
 .mat-icon-button {
@@ -74,7 +75,7 @@ mat-grid-list {
 }
 
 mat-grid-tile {
-  height: 100% !important;
+  height: 70% !important;
   padding: 10% 0 !important;
 }