diff --git a/mapper/package.json b/mapper/package.json
index 8d0ec7d..8c60544 100644
--- a/mapper/package.json
+++ b/mapper/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^12.1.10",
     "axios": "^0.21.1",
     "leaflet": "^1.9.4",
+    "leaflet-polylinedecorator": "^1.6.0",
     "moment": "^2.29.1",
     "moment-timezone": "^0.5.34",
     "react": "^18.0.0",
diff --git a/mapper/src/App.js b/mapper/src/App.js
index 3888d0e..42d1da6 100644
--- a/mapper/src/App.js
+++ b/mapper/src/App.js
@@ -155,7 +155,7 @@ function PolylineWithArrows({ coords, showDirection }) {
                             offset: 25,
                             repeat: 100,
                             symbol: leaflet.Symbol.arrowHead({
-                                pixelSize: 15,
+                                pixelSize: 10,
                                 polygon: false,
                                 pathOptions: {
                                     stroke: true,
diff --git a/mapper/yarn.lock b/mapper/yarn.lock
index 07809cc..dbbaee4 100644
--- a/mapper/yarn.lock
+++ b/mapper/yarn.lock
@@ -7308,6 +7308,18 @@ last-call-webpack-plugin@^3.0.0:
     lodash "^4.17.5"
     webpack-sources "^1.1.0"
 
+leaflet-polylinedecorator@^1.6.0:
+  version "1.6.0"
+  resolved "https://registry.yarnpkg.com/leaflet-polylinedecorator/-/leaflet-polylinedecorator-1.6.0.tgz#9ef79fd1b5302d67b72efe959a8ecd2553f27266"
+  integrity sha512-kn3krmZRetgvN0wjhgYL8kvyLS0tUogAl0vtHuXQnwlYNjbl7aLQpkoFUo8UB8gVZoB0dhI4Tb55VdTJAcYzzQ==
+  dependencies:
+    leaflet-rotatedmarker "^0.2.0"
+
+leaflet-rotatedmarker@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.yarnpkg.com/leaflet-rotatedmarker/-/leaflet-rotatedmarker-0.2.0.tgz#4467f49f98d1bfd56959bd9c6705203dd2601277"
+  integrity sha512-yc97gxLXwbZa+Gk9VCcqI0CkvIBC9oNTTjFsHqq4EQvANrvaboib4UdeQLyTnEqDpaXHCqzwwVIDHtvz2mUiDg==
+
 leaflet@^1.9.4:
   version "1.9.4"
   resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.9.4.tgz#23fae724e282fa25745aff82ca4d394748db7d8d"