diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
index b79de81de353d5e43d26e68356f38d5a7ad9514b..653cd63864da0ce78aebe22d7ea65e077c1db828 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.html
@@ -56,9 +56,12 @@
       </mat-tab>
     </mat-tab-group>
     <div fxLayoutAlign="center center">
-      <label for="myCheck" style="background: darkgreen;  font-size: larger;">{{ 'room-page.block' | translate }} </label> 
-      <input type="checkbox" id= "myCheck" [(ngModel)]= "check" >
-      
+      <mat-slide-toggle [(ngModel)]= "check">{{ 'room-page.block' | translate }}</mat-slide-toggle>
+    </div>
+    <div fxLayoutAlign="center center">
+      <!-- <input type="checkbox" id= "myCheck" [(ngModel)]= "check" > -->
+   <!-- <mat-label for="myCheck" ><mat-icon>block</mat-icon>{{ 'room-page.block' | translate }} </mat-label> -->
+
       <button mat-raised-button
               class="delete"
               (click)="openDeleteRoomDialog()"
diff --git a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
index 55edafc7f35014143fef054a1140837b8a7dbfad..e892ab2a99e1c2270b59a4c029ea574abfb4d000 100644
--- a/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
+++ b/src/app/components/creator/_dialogs/room-edit/room-edit.component.scss
@@ -51,3 +51,11 @@ mat-hint {
   color: var(--on-surface) !important;
   margin-right: 1%;
 }
+
+mat-slide-toggle {
+  margin-top: 20px;
+}
+
+
+
+