diff --git a/src/index.css b/src/index.css
index 70961ba..7a99ae5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -40,4 +40,8 @@ canvas {
height: 75vh;
width: 95%;
margin: 10px auto;
+}
+
+#propertyLocationMap {
+ height: 30vh !important;
}
\ No newline at end of file
diff --git a/src/pages/study_site_5/tab_content/PropertyLocation.jsx b/src/pages/study_site_5/tab_content/PropertyLocation.jsx
index 4654693..b61f2f0 100644
--- a/src/pages/study_site_5/tab_content/PropertyLocation.jsx
+++ b/src/pages/study_site_5/tab_content/PropertyLocation.jsx
@@ -1,13 +1,29 @@
import { Text } from "@geist-ui/core";
+import { MapContainer, TileLayer, Marker, Popup } from "react-leaflet";
function PropertyLocation() {
+ const position = [52.3728, 4.8875];
+
return (
-