diff --git a/src/app/components/home/new-landing/new-landing.component.html b/src/app/components/home/new-landing/new-landing.component.html
index 5647e64dfe6f2e80f39b0cb2e7628c1af4cfdfb6..594cfea1dfda38ef40709d47c4d3f4fc589962c8 100644
--- a/src/app/components/home/new-landing/new-landing.component.html
+++ b/src/app/components/home/new-landing/new-landing.component.html
@@ -1,7 +1,7 @@
 <div fxLayout="column" fxLayoutAlign="center center" fxlayoutgap="50px" fxFill>
   <form>
     <div fxLayout="row" fxLayoutAlign="center" fxLayoutGap="10px">
-      <mat-form-field class="input-block">
+      <mat-form-field class="number">
         <input matInput #roomId placeholder="Join Session!" maxlength="8" [matAutocomplete]="auto"/>
         <mat-hint align="end">{{roomId.value.length}} / 8</mat-hint>
         <mat-autocomplete #auto="matAutocomplete">
diff --git a/src/app/components/home/new-landing/new-landing.component.scss b/src/app/components/home/new-landing/new-landing.component.scss
index b1b6be223c6d0d8bd744d185505cbfae618fdcfe..a4d678ccef8adfa45abff0ce85dc5daff708b898 100644
--- a/src/app/components/home/new-landing/new-landing.component.scss
+++ b/src/app/components/home/new-landing/new-landing.component.scss
@@ -19,6 +19,6 @@ h3 {
   justify-content: center;
 }
 
-input {
+mat-form-field {
   font-size: x-large;
 }