diff --git a/heatmap-tool/frontend/src/components/MapDisplay.tsx b/heatmap-tool/frontend/src/components/MapDisplay.tsx
index 73c8c1fd..fd0bea80 100644
--- a/heatmap-tool/frontend/src/components/MapDisplay.tsx
+++ b/heatmap-tool/frontend/src/components/MapDisplay.tsx
@@ -2,7 +2,7 @@
 import React from 'react';
 import { MapContainer, TileLayer, CircleMarker, Tooltip } from 'react-leaflet';
 import 'leaflet/dist/leaflet.css';
-import { HeatmapPoint } from '../App'; // Assuming type is exported from App.tsx
+import type { HeatmapPoint } from '../App';
 
 interface MapDisplayProps {
   heatmapData: HeatmapPoint[];