diff --git a/app/src/layouts/map/map.vue b/app/src/layouts/map/map.vue
index 5ca84d73da..a3c8597af3 100644
--- a/app/src/layouts/map/map.vue
+++ b/app/src/layouts/map/map.vue
@@ -256,6 +256,11 @@ export default defineComponent({
 	background-color: var(--background-page);
 	border-radius: var(--border-radius);
 	box-shadow: var(--card-shadow);
+	pointer-events: none;
+}
+
+.v-info > :deep(.v-button) {
+	pointer-events: initial;
 }
 
 .footer {
diff --git a/app/src/layouts/map/options.vue b/app/src/layouts/map/options.vue
index 229d010dd5..28222b001b 100644
--- a/app/src/layouts/map/options.vue
+++ b/app/src/layouts/map/options.vue
@@ -1,4 +1,9 @@
 <template>
+	<div class="field">
+		<div class="type-label">{{ t('layouts.map.basemap') }}</div>
+		<v-select v-model="basemap" :items="basemaps.map((s) => ({ text: s.name, value: s.name }))" />
+	</div>
+
 	<template v-if="geometryFields.length == 0">
 		<div class="field">
 			<v-input type="text" disabled :prefix="'No compatible fields'"></v-input>
@@ -14,11 +19,6 @@
 		</div>
 	</template>
 
-	<div class="field">
-		<div class="type-label">{{ t('layouts.map.basemap') }}</div>
-		<v-select v-model="basemap" :items="basemaps.map((s) => ({ text: s.name, value: s.name }))" />
-	</div>
-
 	<div class="field">
 		<v-checkbox
 			v-model="autoLocationFilter"