diff --git a/heatmap-tool/frontend/src/App.tsx b/heatmap-tool/frontend/src/App.tsx
index 5a2bcfe4..f81e1530 100644
--- a/heatmap-tool/frontend/src/App.tsx
+++ b/heatmap-tool/frontend/src/App.tsx
@@ -36,7 +36,7 @@ function App() {
     setIsLoading(true);
     setError(null);
     try {
-      const response = await axios.post('http://localhost:8002/api/heatmap', {
+      const response = await axios.post('http://backend:8000/api/heatmap', {
         filters: selectedFilters,
       });
       setHeatmapData(response.data);
diff --git a/heatmap-tool/frontend/src/components/FileUpload.tsx b/heatmap-tool/frontend/src/components/FileUpload.tsx
index 4ccd5f3c..9afa667a 100644
--- a/heatmap-tool/frontend/src/components/FileUpload.tsx
+++ b/heatmap-tool/frontend/src/components/FileUpload.tsx
@@ -39,7 +39,7 @@ const FileUpload: React.FC<FileUploadProps> = ({ onUploadSuccess, setIsLoading,
     setError(null);
 
     try {
-      const response = await axios.post('http://localhost:8002/api/upload', formData, {
+      const response = await axios.post('http://backend:8000/api/upload', formData, {
         headers: {
           'Content-Type': 'multipart/form-data',
         },