diff --git a/src/app/components/shared/room-join/room-join.component.html b/src/app/components/shared/room-join/room-join.component.html
index a1ca097b01d7136ef5faef0b9e2a18606fdc7a36..9e82a1dd56fd72c14e00f3bf8559bec3f5d6964c 100644
--- a/src/app/components/shared/room-join/room-join.component.html
+++ b/src/app/components/shared/room-join/room-join.component.html
@@ -20,7 +20,7 @@
       <mat-error *ngIf="roomFormControl.hasError('required')" aria-hidden="true">{{ 'home-page.please-enter' | translate}}</mat-error>
       <mat-error *ngIf="roomFormControl.hasError('pattern')">{{ 'home-page.only-numbers' | translate}}</mat-error>
     </mat-form-field>
-    <button [disabled]="cookiesDisabled()" id="session_enter-button" mat-fab class="fab-extended" type="submit" aria-labelledby="join-button-label">
+    <button [disabled]="cookiesDisabled()" id="session_enter-button" mat-fab type="submit" aria-labelledby="join-button-label">
       <mat-icon>input</mat-icon>
     </button>
   </div>
diff --git a/src/app/components/shared/room-join/room-join.component.scss b/src/app/components/shared/room-join/room-join.component.scss
index e263ccceaa5fd4f114629b9b176ec76d017f343f..74919f9260c22b704682d9e440a10c68217cc5f1 100644
--- a/src/app/components/shared/room-join/room-join.component.scss
+++ b/src/app/components/shared/room-join/room-join.component.scss
@@ -26,16 +26,6 @@ mat-error {
   color: var(--on-primary);
 }
 
-.fab-extended {
-  width: 75%;
-  height: 40px;
-  border-radius: 32px;
-  margin: 10% 0 10% 0;
-  font-size: large;
-  background-color: var(--primary);
-  color: var(--on-primary);
-}
-
 input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
   -webkit-appearance: none;
 }