diff --git a/src/app/components/project-map/project-map.component.html b/src/app/components/project-map/project-map.component.html
index 9ef53af4..362dc68e 100644
--- a/src/app/components/project-map/project-map.component.html
+++ b/src/app/components/project-map/project-map.component.html
@@ -96,6 +96,9 @@
           </mat-checkbox><br/>
           <mat-checkbox [ngModel]="gridVisibility" (change)="toggleGrid($event.checked)">
             Show grid
+          </mat-checkbox><br/>
+          <mat-checkbox [ngModel]="project.snap_to_grid" (change)="toggleSnapToGrid($event.checked)">
+            Snap to grid
           </mat-checkbox>
         </div>
       </mat-menu>
diff --git a/src/app/components/project-map/project-map.component.ts b/src/app/components/project-map/project-map.component.ts
index 17c65178..f9ef338f 100644
--- a/src/app/components/project-map/project-map.component.ts
+++ b/src/app/components/project-map/project-map.component.ts
@@ -504,6 +504,10 @@ export class ProjectMapComponent implements OnInit, OnDestroy {
     this.mapChild.gridVisibility =  this.gridVisibility ? 1 : 0;
   }
 
+  public toggleSnapToGrid(enabled: boolean) {
+    this.project.snap_to_grid = enabled;
+  }
+
   private showMessage(msg) {
     if (this.notificationsVisibility) {
       if (msg.type === 'error') this.toasterService.error(msg.message);