diff --git a/client/src/components/Leaflet.js b/client/src/components/Leaflet.js
index 5070aaf080..7dba7617a9 100644
--- a/client/src/components/Leaflet.js
+++ b/client/src/components/Leaflet.js
@@ -1,5 +1,6 @@
 import { Control, CRS, DivIcon, Icon, Map, Marker, TileLayer } from "leaflet"
 import AppContext from "components/AppContext"
+import { convertLatLngToMGRS } from "geoUtils"
 import "leaflet-defaulticon-compatibility"
 import "leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css"
 import {
@@ -282,7 +283,16 @@ const BaseLeaflet = ({
             ReactDOM.render(
               <>
                 <b>{location.name}</b> @{" "}
-                <GeoLocation lat={location.lat} lng={location.lng} />
+                <GeoLocation
+                  coordinates={{
+                    lat: location.lat,
+                    lng: location.lng,
+                    displayedCoordinate: convertLatLngToMGRS(
+                      location.lat,
+                      location.lng
+                    )
+                  }}
+                />
               </>,
               e.popup.getContent()
             )