diff --git a/frontend/src/components/MapComponent.vue b/frontend/src/components/MapComponent.vue
index df27e76..2c4ffab 100644
--- a/frontend/src/components/MapComponent.vue
+++ b/frontend/src/components/MapComponent.vue
@@ -33,7 +33,7 @@ export default {
                 maxZoom: 10
             }));
 
-            window.addEventListener('load', () => {
+            map.value.on('load', () => {
                 map.value.addSource('countries', {
                     'type': 'vector',
                     "tiles": [`https://api.mapbox.com/v4/ghermant.aq1p7k29/{z}/{x}/{y}.mvt?access_token=${apiKey}`]