diff --git a/src/Components/Map/UtopiaMap.css b/src/Components/Map/UtopiaMap.css
index a5d02b74..59236b35 100644
--- a/src/Components/Map/UtopiaMap.css
+++ b/src/Components/Map/UtopiaMap.css
@@ -91,6 +91,13 @@
left: 4px;
width: 24px;
}
+
+ .compass-icon {
+ position: relative;
+ top: -35px;
+ left: 4px;
+ width: 24px;
+ }
.leaflet-popup-scrolled {
overflow-x: hidden;
diff --git a/src/Utils/MarkerIconFactory.ts b/src/Utils/MarkerIconFactory.ts
index 2e2194b9..8d2ae520 100644
--- a/src/Utils/MarkerIconFactory.ts
+++ b/src/Utils/MarkerIconFactory.ts
@@ -30,6 +30,8 @@ const addIcon = (icon: string) => {
return ''
case "quest":
return ''
+ case "compass":
+ return ''
default:
return "";
}