diff --git a/frontend/react/src/ui/components/ollocation.tsx b/frontend/react/src/ui/components/ollocation.tsx
index f5ab162a..11845d25 100644
--- a/frontend/react/src/ui/components/ollocation.tsx
+++ b/frontend/react/src/ui/components/ollocation.tsx
@@ -29,7 +29,7 @@ export function OlLocation(props: { location: LatLng; className?: string; refere
         >
           MGRS
         </span>
-        {MGRS ? MGRS.string : "Error"}
+        {MGRS ? MGRS.groups.join(" ") : "Error"}
       </div>
     );
   } else if (referenceSystem === "LatLngDec") {
diff --git a/frontend/react/src/ui/panels/coordinatespanel.tsx b/frontend/react/src/ui/panels/coordinatespanel.tsx
index f4ffa0c0..1020f89d 100644
--- a/frontend/react/src/ui/panels/coordinatespanel.tsx
+++ b/frontend/react/src/ui/panels/coordinatespanel.tsx
@@ -46,7 +46,7 @@ export function CoordinatesPanel(props: {}) {
         returnString = `${latlng.lat >= 0 ? "N" : "S"} ${DDToDDM(latlng.lat)}, ${latlng.lng >= 0 ? "E" : "W"} ${DDToDDM(latlng.lng)}`;
         break;
       case "MGRS":
-        returnString = latLngToMGRS(latlng.lat, latlng.lng, 6)?.string || "Error";
+        returnString = latLngToMGRS(latlng.lat, latlng.lng, 6)?.groups.join(" ") || "Error";
         break;
     }