diff --git a/frontend/src/assets/logo-radarsargasses971.png b/frontend/src/assets/logo-radarsargasses971.png
new file mode 100644
index 0000000..43b6686
Binary files /dev/null and b/frontend/src/assets/logo-radarsargasses971.png differ
diff --git a/frontend/src/components/Map/SargassesMap.jsx b/frontend/src/components/Map/SargassesMap.jsx
index 4890561..9fdb3ef 100644
--- a/frontend/src/components/Map/SargassesMap.jsx
+++ b/frontend/src/components/Map/SargassesMap.jsx
@@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
 import Map, { Layer, Marker, NavigationControl, Source } from 'react-map-gl/maplibre';
 import 'maplibre-gl/dist/maplibre-gl.css';
 import { api } from '../../api/client';
+import logoUrl from '../../assets/logo-radarsargasses971.png';
 import './SargassesMap.css';
 
 const INITIAL_VIEW = { longitude: -61.55, latitude: 16.25, zoom: 9 };
@@ -271,7 +272,7 @@ export default function SargassesMap({ onSpotSelect, selectedSpotId, activeStep,
     >
       <NavigationControl position="bottom-right" />
 
-      <img src="/assets/logo-radarsargasses971.png" className="smap-logo" alt="Radar Sargasses 971" />
+      <img src={logoUrl} className="smap-logo" alt="Radar Sargasses 971" />
 
       {dataDate && (
         <div className="smap-freshness">