diff --git a/client/src/components/controlpoints/ControlPoint.tsx b/client/src/components/controlpoints/ControlPoint.tsx
index 1aa770a2..d2f17382 100644
--- a/client/src/components/controlpoints/ControlPoint.tsx
+++ b/client/src/components/controlpoints/ControlPoint.tsx
@@ -1,5 +1,5 @@
import { Icon, Point } from "leaflet";
-import { Marker, Popup } from "react-leaflet";
+import { Marker, Tooltip } from "react-leaflet";
import { ControlPoint as ControlPointModel } from "../../api/controlpoint";
import { Symbol as MilSymbol } from "milsymbol";
@@ -25,8 +25,14 @@ export default function ControlPoint(props: ControlPointProps) {
- {props.controlPoint.name}
+
+ {props.controlPoint.name}
+
);
}
diff --git a/client/src/components/tgos/Tgo.tsx b/client/src/components/tgos/Tgo.tsx
index a4c34cef..9ef9c759 100644
--- a/client/src/components/tgos/Tgo.tsx
+++ b/client/src/components/tgos/Tgo.tsx
@@ -1,5 +1,5 @@
import { Icon, Point } from "leaflet";
-import { Marker, Popup } from "react-leaflet";
+import { Marker, Tooltip } from "react-leaflet";
import { Symbol as MilSymbol } from "milsymbol";
import { Tgo as TgoModel } from "../../api/tgo";
@@ -22,7 +22,7 @@ interface TgoProps {
export default function Tgo(props: TgoProps) {
return (
-
+
{`${props.tgo.name} (${props.tgo.control_point_name})`}
{props.tgo.units.map((unit) => (
@@ -31,7 +31,7 @@ export default function Tgo(props: TgoProps) {
>
))}
-
+
);
}