diff --git a/app/src/interfaces/map/map.vue b/app/src/interfaces/map/map.vue
index 8abf3a0e9e..5f1c273033 100644
--- a/app/src/interfaces/map/map.vue
+++ b/app/src/interfaces/map/map.vue
@@ -250,7 +250,7 @@ export default defineComponent({
 			map = new Map({
 				container: container.value!,
 				style: style.value,
-				attributionControl: false,
+				customAttribution: '© OpenStreetMap contributors',
 				dragRotate: false,
 				logoPosition: 'bottom-right',
 				...props.defaultView,
diff --git a/app/src/interfaces/map/options.vue b/app/src/interfaces/map/options.vue
index f38dca1852..e84744480b 100644
--- a/app/src/interfaces/map/options.vue
+++ b/app/src/interfaces/map/options.vue
@@ -85,7 +85,7 @@ export default defineComponent({
 			map = new Map({
 				container: mapContainer.value!,
 				style: style.value,
-				attributionControl: false,
+				customAttribution: '© OpenStreetMap contributors',
 				...(defaultView.value || {}),
 				...(mapboxKey ? { accessToken: mapboxKey } : {}),
 			});
diff --git a/app/src/layouts/map/components/map.vue b/app/src/layouts/map/components/map.vue
index 119f553497..a5291aaec2 100644
--- a/app/src/layouts/map/components/map.vue
+++ b/app/src/layouts/map/components/map.vue
@@ -125,7 +125,7 @@ export default defineComponent({
 			map = new Map({
 				container: 'map-container',
 				style: style.value,
-				attributionControl: false,
+				customAttribution: '© OpenStreetMap contributors',
 				dragRotate: false,
 				...props.camera,
 				...(mapboxKey ? { accessToken: mapboxKey } : {}),
diff --git a/app/src/styles/lib/_mapbox.scss b/app/src/styles/lib/_mapbox.scss
index 3b6e7db9f7..208ee33e69 100644
--- a/app/src/styles/lib/_mapbox.scss
+++ b/app/src/styles/lib/_mapbox.scss
@@ -1,4 +1,3 @@
-
 .mapboxgl-map {
 	font: inherit;
 }
@@ -71,7 +70,8 @@
 }
 
 .mapboxgl-search-location-dot {
-	&, &::before {
+	&,
+	&::before {
 		background-color: var(--purple);
 	}
 }
@@ -79,7 +79,7 @@
 .mapboxgl-ctrl-attrib.mapboxgl-compact {
 	min-width: 24px;
 	min-height: 24px;
-	color: var(--foreground-subdued);
+	color: var(--foreground-normal);
 	background: var(--background-input) !important;
 	box-shadow: var(--card-shadow);
 
@@ -108,6 +108,16 @@
 	}
 }
 
+.mapboxgl-ctrl-attrib:not(.mapboxgl-compact) {
+	font-size: 0.8em;
+	color: var(--foreground-normal);
+	background: var(--background-input);
+	border-radius: 6px 0 0 0;
+	border: 1px solid var(--border-normal);
+	border-right: none;
+	border-bottom: none;
+}
+
 .mapboxgl-ctrl-geocoder {
 	font-size: inherit !important;
 	font-family: inherit !important;
@@ -171,7 +181,6 @@
 	pointer-events: none;
 }
 
-
 .maplibregl-ctrl-top-right {
 	max-width: 80%;
 }