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 5422e5cd93d2053e990c2e7edd1533daa070043e..fca45c28b3ec4f460bf6f63dc67a386d834b4995 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
@@ -1,10 +1,11 @@
 mat-card {
   width: 800px;
+  background-color: #c8e6c9;
 }
 
 mat-card-content > :first-child {
-  margin-top: 16px;
-  margin-bottom: 16px;
+  margin-top: 5%;
+  margin-bottom: 5%;
 }
 
 button {
diff --git a/src/app/components/shared/content-groups/content-groups.component.scss b/src/app/components/shared/content-groups/content-groups.component.scss
index c5e09428cdbd5a5af255d0004d37bdc8065d9958..eab7ba16ae3e21c13c57937488ca78949485ec28 100644
--- a/src/app/components/shared/content-groups/content-groups.component.scss
+++ b/src/app/components/shared/content-groups/content-groups.component.scss
@@ -1,6 +1,9 @@
+@import '../../../../theme/_variables.scss';
+
 $light-amber: #bbdefb;
 
 .mat-card {
+  background-color: #fff8e1;
     box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
     overflow: hidden;
     position: relative;