diff --git a/src/app/components/creator/room-creator-page/room-creator-page.component.html b/src/app/components/creator/room-creator-page/room-creator-page.component.html
index 2d399da2901c8d658e9a174c4ef938e2db266a68..a6dbd96824b59f63939a1065a1528b644a872054 100644
--- a/src/app/components/creator/room-creator-page/room-creator-page.component.html
+++ b/src/app/components/creator/room-creator-page/room-creator-page.component.html
@@ -7,7 +7,7 @@
         <span class="fill-remaining-space"></span>
         <mat-card-header fxLayoutAlign="center" fxLayout="row">
           <mat-card-title fxLayoutAlign="center">
-            <h1>{{ room.name }}</h1>
+            <h2>{{ room.name }}</h2>
           </mat-card-title>
           <mat-card-subtitle fxLayoutAlign="center">
             <span class="room-short-id">
diff --git a/src/styles.scss b/src/styles.scss
index 9cb7e3402c342ebefde1b4f8dbfa5e039bae3d37..dbaf1614e62e695a5c0e48fdbf52b1397c1c246b 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -83,6 +83,7 @@ h4 {
 
 p, div {
   font-family: Roboto, "Helvetica Neue", sans-serif!important;
+  color: var(--on-surface);
 }
 
 address{