diff --git a/src/app/settings/settings.component.html b/src/app/settings/settings.component.html
index d1b7a8b..2032ada 100644
--- a/src/app/settings/settings.component.html
+++ b/src/app/settings/settings.component.html
@@ -40,7 +40,7 @@
     <div>
       <mat-button-toggle-group #background="matButtonToggleGroup"
         [value]="conf.background || conf.map?.background"
-        (change)="configService.setUserPref('background', background.value)"
+        (change)="configService.setUserPref('background', background.value) ; router.navigate(['/map'])"
       >
         <mat-button-toggle
           *ngFor="let bms of conf.bootstrap.baseMapStyles.embedded"
@@ -55,7 +55,7 @@
     <mat-label>Types of zones displayed on the map</mat-label>
     <div class="settings">
       <mat-checkbox *ngFor="let item of conf.showZones | keyvalue" [checked]="item.value"
-        (change)="configService.setUserPrefValue('showZones', item.key, $event.checked)">
+        (change)="configService.setUserPrefValue('showZones', item.key, $event.checked) ; router.navigate(['/map'])">
         {{ item.key }}
       </mat-checkbox>
     </div>