diff --git a/api/web/src/components/job/JobMap.vue b/api/web/src/components/job/JobMap.vue
index 991de16d..7214cd5e 100644
--- a/api/web/src/components/job/JobMap.vue
+++ b/api/web/src/components/job/JobMap.vue
@@ -71,10 +71,10 @@ export default {
 
                 });
 
-                tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
                 tmpmap.addControl(new mapgl.AttributionControl({
                     customAttribution: '© <a href="https://www.mapbox.com/about/maps/" target="_blank">Mapbox</a> | © <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap</a> Contributors'
                 }));
+                tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
 
                 tmpmap.once('load', () => {
                     map = tmpmap;
diff --git a/api/web/src/components/util/Coverage.vue b/api/web/src/components/util/Coverage.vue
index d6312163..7468862e 100644
--- a/api/web/src/components/util/Coverage.vue
+++ b/api/web/src/components/util/Coverage.vue
@@ -153,10 +153,10 @@ export default {
                 opts.zoom = 0;
 
                 const tmpmap = new mapgl.Map(opts);
-                tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
                 tmpmap.addControl(new mapgl.AttributionControl({
                   customAttribution: '© <a href="https://www.mapbox.com/about/maps/" target="_blank">Mapbox</a> | © <a href="https://www.openstreetmap.org/about/" target="_blank">OpenStreetMap</a> Contributors'
                 }));
+                tmpmap.addControl(new mapgl.NavigationControl(), 'bottom-right');
                 tmpmap.once('idle', () => {
                     map = tmpmap;
                     if (this.bbox) map.fitBounds(this.bbox);