diff --git a/assets/css/docs.css b/docs/assets/css/global.css
similarity index 100%
rename from assets/css/docs.css
rename to docs/assets/css/global.css
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
deleted file mode 100644
index c316c9ad..00000000
--- a/docs/assets/css/style.css
+++ /dev/null
@@ -1,18 +0,0 @@
-html, body {
- font-family: 'Open Sans', sans-serif;
- margin: 0;
- padding: 0;
- height: 100%;
- width: 100%;
- box-sizing: border-box;
-}
-
-*, *:before, *:after {
- box-sizing: border-box;
-}
-
-:global(.leaflet-control-geosearch.bar) {
- position: absolute !important;
- left: 50px;
- right: 515px;
-}
diff --git a/docs/components/Leaflet.module.css b/docs/components/Leaflet.module.css
index e4e456ce..f44db64f 100644
--- a/docs/components/Leaflet.module.css
+++ b/docs/components/Leaflet.module.css
@@ -1,9 +1,4 @@
-.root {
+.map {
width: 100%;
height: 300px;
}
-
-.map {
- width: 100%;
- height: 100%;
-}
diff --git a/docs/components/Leaflet.tsx b/docs/components/Leaflet.tsx
index 00e99b4c..c3c55053 100644
--- a/docs/components/Leaflet.tsx
+++ b/docs/components/Leaflet.tsx
@@ -1,11 +1,12 @@
import React, { ReactElement, useRef, useEffect } from 'react';
import 'leaflet/dist/leaflet.css';
import { Map, TileLayer } from 'react-leaflet';
-import styles from './Leaflet.module.css';
+
import '../../assets/css/leaflet.css';
import useConfigureLeaflet from '../hooks/useConfigureLeaflet';
import * as providers from '../../src/providers';
import GeoSearchControl from '../../src/leafletControl';
+import styles from './Leaflet.module.css';
import { MapProps } from './Map';
@@ -55,9 +56,11 @@ function Leaflet(props: MapProps): ReactElement {
};
}, [ref.current, control.current, provider]);
+ // I'm not sure what's causing it, but the className from the outer
+ // div is being removed. Hence the useless wrapper
return (
-
-