diff --git a/frontend/react/src/other/utils.ts b/frontend/react/src/other/utils.ts
index df0b6577..d2b01d07 100644
--- a/frontend/react/src/other/utils.ts
+++ b/frontend/react/src/other/utils.ts
@@ -83,6 +83,13 @@ export function ConvertDDToDMS(D: number, lng: boolean) {
   else return zeroPad(deg, 2) + "°" + zeroPad(min, 2) + "'" + zeroPad(sec, 2) + "." + zeroPad(dec, 2) + '"';
 }
 
+export function DDToDDM(decimalDegrees) {
+  const degrees = Math.trunc(decimalDegrees);
+  const minutes = Math.abs((decimalDegrees - degrees) * 60);
+
+  return `${Math.abs(degrees)}° ${minutes.toFixed(4)}'`;
+}
+
 export function deg2rad(deg: number) {
   var pi = Math.PI;
   return deg * (pi / 180);
diff --git a/frontend/react/src/ui/components/ollocation.tsx b/frontend/react/src/ui/components/ollocation.tsx
index 34e142f5..f6a76ef2 100644
--- a/frontend/react/src/ui/components/ollocation.tsx
+++ b/frontend/react/src/ui/components/ollocation.tsx
@@ -1,6 +1,6 @@
 import React, { useState } from "react";
 import { LatLng } from "leaflet";
-import { ConvertDDToDMS, latLngToMGRS, latLngToUTM, zeroAppend } from "../../other/utils";
+import { ConvertDDToDMS, DDToDDM, latLngToMGRS, latLngToUTM, zeroAppend } from "../../other/utils";
 
 export function OlLocation(props: { location: LatLng; className?: string; referenceSystem?: string; onClick?: () => void }) {
   const [referenceSystem, setReferenceSystem] = props.referenceSystem ? [props.referenceSystem, () => {}] : useState("LatLngDec");
@@ -82,7 +82,7 @@ export function OlLocation(props: { location: LatLng; className?: string; refere
           props.onClick
             ? props.onClick
             : (ev) => {
-                setReferenceSystem("MGRS");
+                setReferenceSystem("LatLngDDM");
                 ev.stopPropagation();
               }
         }
@@ -109,6 +109,45 @@ export function OlLocation(props: { location: LatLng; className?: string; refere
         </div>
       </div>
     );
+  } else if (referenceSystem === "LatLngDDM") {
+    return (
+      <div
+        className={`
+          ${props.className ?? ""}
+          my-auto flex cursor-pointer justify-between gap-2 bg-olympus-400 p-2
+          text-white
+        `}
+        onClick={
+          props.onClick
+            ? props.onClick
+            : (ev) => {
+                setReferenceSystem("MGRS");
+                ev.stopPropagation();
+              }
+        }
+      >
+        <div className="flex gap-2">
+          <span
+            className={`
+              w-5 rounded-sm bg-white text-center font-bold text-olympus-700
+            `}
+          >
+            {props.location.lat >= 0 ? "N" : "S"}
+          </span>
+          {DDToDDM(props.location.lat)}
+        </div>
+        <div className="flex w-[50%] gap-2">
+          <span
+            className={`
+              w-5 rounded-sm bg-white text-center font-bold text-olympus-700
+            `}
+          >
+            {props.location.lng >= 0 ? "E" : "W"}
+          </span>
+          {DDToDDM(props.location.lng)}
+        </div>
+      </div>
+    );
   } else {
   }
 }
diff --git a/frontend/react/src/ui/modals/keybindmodal.tsx b/frontend/react/src/ui/modals/keybindmodal.tsx
index fd98864d..bd4e8a65 100644
--- a/frontend/react/src/ui/modals/keybindmodal.tsx
+++ b/frontend/react/src/ui/modals/keybindmodal.tsx
@@ -62,7 +62,7 @@ export function KeybindModal(props: { open: boolean }) {
 
   return (
     <Modal open={props.open} size={"sm"}>
-      <div className="flex flex-col gap-4 h-full w-full">
+      <div className="flex h-full w-full flex-col gap-4">
       <div className={`flex flex-col gap-2`}>
         <span
           className={`
@@ -97,7 +97,7 @@ export function KeybindModal(props: { open: boolean }) {
                 className={`flex flex-wrap gap-2 font-bold text-orange-600`}
               >
                 {inUseShortcuts.map((shortcut) => (
-                  <span>{shortcut.getOptions().label}</span>
+                  <span key={shortcut.getId()}>{shortcut.getOptions().label}</span>
                 ))}
               </div>
             </div>
@@ -105,7 +105,7 @@ export function KeybindModal(props: { open: boolean }) {
           </div>
         )}
       </div>
-      <div className="flex justify-end mt-auto ">
+      <div className="mt-auto flex justify-end">
         {shortcut && (
           <button
             type="button"
diff --git a/frontend/react/src/ui/panels/jtacmenu.tsx b/frontend/react/src/ui/panels/jtacmenu.tsx
index 795980d6..4f1212dd 100644
--- a/frontend/react/src/ui/panels/jtacmenu.tsx
+++ b/frontend/react/src/ui/panels/jtacmenu.tsx
@@ -98,6 +98,7 @@ export function JTACMenu(props: { open: boolean; onClose: () => void; children?:
               onClick={() => {
                 if (referenceSystem === "MGRS") setReferenceSystem("LatLngDec");
                 else if (referenceSystem === "LatLngDec") setReferenceSystem("LatLngDMS");
+                else if (referenceSystem === "LatLngDMS") setReferenceSystem("LatLngDDM");
                 else setReferenceSystem("MGRS");
               }}
               referenceSystem={referenceSystem}
@@ -133,6 +134,7 @@ export function JTACMenu(props: { open: boolean; onClose: () => void; children?:
               onClick={() => {
                 if (referenceSystem === "MGRS") setReferenceSystem("LatLngDec");
                 else if (referenceSystem === "LatLngDec") setReferenceSystem("LatLngDMS");
+                else if (referenceSystem === "LatLngDMS") setReferenceSystem("LatLngDDM");
                 else setReferenceSystem("MGRS");
               }}
               referenceSystem={referenceSystem}
@@ -168,6 +170,7 @@ export function JTACMenu(props: { open: boolean; onClose: () => void; children?:
               onClick={() => {
                 if (referenceSystem === "MGRS") setReferenceSystem("LatLngDec");
                 else if (referenceSystem === "LatLngDec") setReferenceSystem("LatLngDMS");
+                else if (referenceSystem === "LatLngDMS") setReferenceSystem("LatLngDDM");
                 else setReferenceSystem("MGRS");
               }}
               referenceSystem={referenceSystem}