diff --git a/example/App.tsx b/example/App.tsx
index 8787554..ec33cb2 100644
--- a/example/App.tsx
+++ b/example/App.tsx
@@ -1,5 +1,4 @@
import { I18nextProvider } from 'react-i18next';
-import { BrowserRouter } from 'react-router-dom';
import { ThemeProvider } from '@mui/material';
@@ -12,20 +11,17 @@ import 'leaflet/dist/leaflet.css';
import Map from '../src/components/Map';
import i18n from '../src/config/i18n';
import { QueryClientProvider, queryClient } from '../src/config/queryClient';
-import './App.css';
const App = (): JSX.Element => (
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
);
export default App;
diff --git a/example/App.css b/src/components/Map.css
similarity index 100%
rename from example/App.css
rename to src/components/Map.css
diff --git a/src/components/Map.tsx b/src/components/Map.tsx
index 87731f8..7120f03 100644
--- a/src/components/Map.tsx
+++ b/src/components/Map.tsx
@@ -5,11 +5,15 @@ import { ItemGeolocation } from '@graasp/sdk';
import { DEFAULT_LANG } from '@graasp/translations';
import { LatLng } from 'leaflet';
+import 'leaflet-easybutton/src/easy-button.css';
+import 'leaflet-geosearch/assets/css/leaflet.css';
+import 'leaflet/dist/leaflet.css';
import { legends } from '../config/constants';
import i18n from '../config/i18n';
import { hooks } from '../config/queryClient';
import { MarkerProps } from '../types';
+import './Map.css';
import CurrentLocationMarker from './map/CurrentLocationMarker';
import CurrentMarker from './map/CurrentMarker';
import GeographicSearch from './map/GeographicSearch';