diff --git a/client/src/components/Leaflet.js b/client/src/components/Leaflet.js
index 0417a5cc0e..427858d6ee 100644
--- a/client/src/components/Leaflet.js
+++ b/client/src/components/Leaflet.js
@@ -1,5 +1,6 @@
 import AppContext from "components/AppContext"
 import GeoLocation from "components/GeoLocation"
+import { convertLatLngToMGRS } from "geoUtils"
 import { Control, CRS, DivIcon, Icon, Map, Marker, TileLayer } from "leaflet"
 import "leaflet-defaulticon-compatibility"
 import "leaflet-defaulticon-compatibility/dist/leaflet-defaulticon-compatibility.webpack.css"
@@ -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()
             )